css 换行控制

css 换行控制web页面制作过程中经常有控制内容换行的需求,想让内容自动换行,不自动换行,显示滚动条等,在此总结一下css关于内容换行的相关样式:white-space:normal|nowrap|pre#控制折行的表现。折行;不折行;保留一切特殊字符,类似<pre>标签word-wrap:normal|break-word#控制自动添加折行的方式。按单词折行…

大家好,欢迎来到IT知识分享网。css 换行控制

web 页面制作过程中经常有控制内容换行的需求,想让内容自动换行,不自动换行,显示滚动条等,在此总结一下 css 关于内容换行的相关样式:

  • white-space: normal | nowrap | pre # 控制折行的表现。折行;不折行;保留一切特殊字符,类似 <pre> 标签。
  • word-wrap: normal | break-word # 控制自动添加折行的方式。按单词折行;不考虑单词折行 。
  • overflow | overflow-x | overflow-y: visible | hidden | scroll | auto # 控制超出部分的表现方式。可见;隐藏;显示滚动条;超出后显示滚动条。
  • text-overflow: clip | ellipsis # 控制文本修剪方式。修剪;修剪并显示省略号。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/12683.html

(0)
上一篇 2024-03-10 15:33
下一篇 2024-03-12 12:15

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信