CSS中文字压线可以让长的中文单词或者文本在一行内完整展示,美观大方。下面是CSS设置中文字压线的方法:.text{ white-space: nowrap; /* 不换行 */ text-overf
CSS中文字压线可以让长的中文单词或者文本在一行内完整展示,美观大方。下面是CSS设置中文字压线的方法:
.text{ white-space: nowrap; /* 不换行 */ text-overflow: ellipsis; /* 显示省略号 */ overflow: hidden; /* 超出部分隐藏 */ }
以上几行CSS的作用分别是:
white-space: nowrap;
表示元素内部文本不进行换行。text-overflow: ellipsis;
表示当文本超出元素宽度时,用ellipsis省略号代替。overflow: hidden;
表示元素内部的超出部分要被隐藏掉。在HTML中,我们可以这样使用:
<p class="text">这是一段很长的文字,需要进行压线处理</p>
需要注意的是,该方法只适用于单行文本。如果要对多行文本进行压线处理,需要使用较为复杂的CSS方法,可在需要时查询文献资料。
粉丝
0
关注
0
收藏
0