css里a标签所有内容都是超过一定宽度后隐藏并且变成省略号 。
2018-03-01 18:03
1281 查看
html中a标签有时候固定一定宽度时,多出来的内容用“...”来代替。
必须固定宽度 width: 281px;
其中overflow: hidden来将多出来的字体隐藏;
text-overflow: ellipsis;是用来代替的格式;
white-space: nowrap;规定段落中的文本不进行换行
display: block; 必须有
width: 281px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
float: right;
必须固定宽度 width: 281px;
其中overflow: hidden来将多出来的字体隐藏;
text-overflow: ellipsis;是用来代替的格式;
white-space: nowrap;规定段落中的文本不进行换行
display: block; 必须有
width: 281px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
float: right;
相关文章推荐
- css为超过一定宽度的文本内容自动加上省略号
- CSS控制的内容超过容器宽度后显示省略号
- CSS控制的内容超过容器宽度后显示省略号
- CSS控制的内容超过容器宽度后显示省略号...
- CSS控制的内容超过容器宽度后显示省略号
- 内容长度超过单元格宽度自动截取变成...的CSS代码
- CSS控制的内容超过容器宽度后显示省略号
- 当容器内容宽度超过容器宽度时显示省略号
- CSS实现超出DIV宽度文字自动隐藏并显示省略号
- css 文本超出2行就隐藏并且显示省略号
- 如何实现js展开收起(折叠)效果呢?例如:一段内容过长了,我限制他显示为20个字内,但是超出了20的就先用省略号代替,然后后面添加一个展开,点击展开后就显示所有的内容,这时候展开按钮就变成了 折叠按钮
- CSS 将超出显示宽度的内容隐藏起来
- CSS 将超出显示宽度的内容隐藏起来
- 4行CSS实现【表格内容超过一行的部分,用省略号代替】【支持IE6】
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- css 文本超出2行就隐藏并且显示省略号
- 4行CSS实现表格内容超过一行的部分,用省略号代替
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- css 文本超出就隐藏并且显示省略号
- CSS标签内多余内容隐藏