一, 如需要固定高度及宽度,如下:
<div style='height:50px;width:205px;overflow:hidden;'>
....
</div>
关键点:overflow:hidden
用途:将超出部分文字就隐藏
二,如需固定宽度,但对超出长度的文字显示省略号,如下:
<div style='height:50px;width:205px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;'>
....
</div>
white-space:nowrap 表示不允许换行
text-overflow:ellipsis 表示显示省略号

本文介绍了使用CSS来处理文本溢出的方法,包括如何通过设置固定的高度和宽度并结合使用'overflow:hidden'来隐藏超出部分的文字,以及如何利用'white-space:nowrap'和'text-overflow:ellipsis'实现固定宽度下对超出长度的文字显示省略号。
2893

被折叠的 条评论
为什么被折叠?



