css如何控制换行?

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 # 控制文本修剪方式。修剪;修剪并显示省略号。

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是css如何控制换行?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏