html文字超越宽度显示省略号
来源:互联网 发布:淘宝衣服真空袋小号 编辑:程序博客网 时间:2024/06/13 11:51
<style>
* {margin:0; padding:0; list-style:none; }
body{ font-family: 宋体; font-size: 12px;}
#box{width:200px;border:1px green solid;}
#box span{display:block;overflow:hidden;float:left;width:156px;*width:180px; white-space:nowrap; text-overflow:ellipsis; }
#box:after{content:"..."}
</style>
</head>
<body>
<div id="box"><span>我是文字,我很长很长很长很长很长很长很长很长很长1111111111111111111111111111111</span></div>
* {margin:0; padding:0; list-style:none; }
body{ font-family: 宋体; font-size: 12px;}
#box{width:200px;border:1px green solid;}
#box span{display:block;overflow:hidden;float:left;width:156px;*width:180px; white-space:nowrap; text-overflow:ellipsis; }
#box:after{content:"..."}
</style>
</head>
<body>
<div id="box"><span>我是文字,我很长很长很长很长很长很长很长很长很长1111111111111111111111111111111</span></div>
0 0
- html文字超越宽度显示省略号
- html中文字长度超出宽度如何显示省略号“...”
- html 文字不换会,显示省略号
- html文字超出显示省略号
- html文字超出隐藏并显示省略号
- html文字超过部分显示为省略号
- css固定宽度超出文字自动省略号显示
- css 设置超出宽度的文字显示为省略号
- 文字超出宽度后,显示省略号的解决办法
- 让超出DIV宽度范围的文字自动显示省略号...
- html + CSS实现文字超出长度隐藏,显示省略号
- html + CSS实现文字超出长度隐藏,显示省略号
- html文字超出两行,则显示省略号
- 文字超出显示省略号
- 文字超出显示省略号
- 文字溢出省略号显示
- 超过表格宽度显示省略号
- css超出宽度显示省略号
- IOS,Win32和Android三版本的打印日志(DLog)宏定义
- Comparator和Comparable在排序中的…
- Android中的编译和反编译
- 大小端模式
- 浅谈C中的内存对齐
- html文字超越宽度显示省略号
- 疯狂的 Web 应用开源项目
- 如何用U盘作为启动盘
- 程序员有趣的面试智力题
- 2013百度校园招聘软件研发笔试题
- C++ 多线程编程总结
- java中的23种设计模式
- Android 网络协议
- Android特殊字体的处理---加下划线…