CSS杂记（一）

何为杂记，杂记就是我随便写写的，平时看到觉得有用的就记下来

1、text-overflow clip | ellipsis

当文本溢出时是否显示“...” 此属性必须是overflow:hidden下才能使用

clip:不显示省略标记（...），而是简单的裁切
ellipsis :当对象内文本溢出时显示省略标记（...）

ellipsis代码

<div style=" width:50px; background-color:Silver; text-overflow:ellipsis; overflow:hidden ">
123456789
</div>

效果：

123456789

新发现两则：

一、中文无效

<div style=" width:50px; background-color:Silver; text-overflow:ellipsis; overflow:hidden ">
中文是无效的，不知道为什么
</div>

效果图

中文是无效的，不知道为什么

二、对于inline 对象会忽视 width属性被忽略

<label style=" width:50px; background-color:Red">设置了width无效的，无标题页设置</label>

效果图：

设置了width无效的，无标题页设置

如果碰到不能正常显示只要加一个display:block 这样就可以视为块级元素了

效果图

设置了width无效的，无标题页设置

2、clear 该属性的值指出了不允许有浮动对象的边

该属性的值指出了不允许有浮动对象的边。请参阅float属性。对应的脚本特性为clear。