ul li目录中显示信息文本强制性不换行超过li宽度

日期:2021-01-20 类型:科技新闻 

关键词:如何织梦建站,如何创建网站,网站建立,公众号搭建,网站建站的


拷贝编码
编码以下:

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 :  强制性在同1行内显示信息全部文字,直至文字完毕或遭受br目标。参考td,div等目标的nowrap特性(特点)