ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏
来源:互联网 发布:人工智能行业分析总结 编辑:程序博客网 时间:2024/04/28 16:51
转自:http://www.jb51.net/css/150075.html
代码如下:
li{
display:block;
font-size:14px;
height:16px;
line-height:16px;
width:330px;
white-space:nowrap; //强制不换行
overflow:hidden; //自动隐藏文字
text-overflow: ellipsis; //文字隐藏后添加省略号
-o-text-overflow:ellipsis; //适用于opera浏览器
}
涉及关键属性的语法:
1、语法:
text-overflow : clip | ellipsis
参数:
clip : 不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
2、
语法:
overflow : visible | auto | hidden | scroll
参数:
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
3、
语法:
white-space : normal | pre | nowrap
参数:
normal : 默认处理方式
pre : 用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。参阅pre对象
nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。参阅td,div等对象的nowrap属性(特性)
0 0
- ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏
- li列表中显示文字强制不换行,大于li宽度自动隐藏文字
- li列表中显示文字强制不换行,大于li宽度自动隐藏文字
- CSS中强制ul li中的文字换行
- 强制ul中li不换行
- <ul><li></li></ul>之间的文字居中水平显示
- ul li 横向3px间距 + ul 中 li 实现强制不换行
- ie6下ul下的li不自动换行
- js中动态创建li标签或者其他inline标签,文字过多不自动换行
- 强制文字不自动换行的方法
- ul li 列表的居中显示
- UL li 并排显示 自动换行,解决块级元素 不能整体换行的问题
- li 自适应宽度 自动换行
- css防止ul下的li换行(li超出宽度变成…)代码
- 扣去ul li中的指定标签里的文字
- ul li 下图片文字垂直居中
- IE7浏览器float:left li标签文字自动换行
- 一个ul列表,让其前四个li显示,后面的隐藏。
- autoresizing
- 每日小学生新聞 図解なるほど:「大阪都構想」 5・17、いざ決戦
- p124 第三章 第44题 潘璠(未完成)
- 云平台openstack中,cloudinit装配、使用
- 《街旁》CEO刘大卫:《街旁》未死
- ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏
- 刷机双清、三清、四清的定义
- Android平台调用WebService详解(二)
- CRect 和RECT 有什么区别
- IE 安装或运行 Debuggerbar 崩溃的解决
- POj 3253 Fence Repair
- 本地局部变量ThreadLocal的使用
- [小白学iOS编程01]UIPickerView控件学习_点菜系统
- hdu4416[多串后缀自动机]