截断文本
对超过一行的文本进行截断,在末尾添加省略号(…)。
使用
overflow: hidden
防止文本超出其尺寸。使用
white-space: nowrap
防止文本超过一行高度。使用
text-overflow: ellipsis
使得如果文本超出其尺寸,将以省略号结尾。为元素指定固定的 width,以确定何时显示省略号。
仅适用于单行元素
<p class="truncate-text">如果我超过一行的宽度,我就会被截断。</p>
对超过一行的文本进行截断,在末尾添加省略号(…)。
使用 overflow: hidden
防止文本超出其尺寸。
使用 white-space: nowrap
防止文本超过一行高度。
使用 text-overflow: ellipsis
使得如果文本超出其尺寸,将以省略号结尾。
为元素指定固定的 width,以确定何时显示省略号。
仅适用于单行元素
<p class="truncate-text">如果我超过一行的宽度,我就会被截断。</p>
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/45215.shtml
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!