word-wrap怎么自动换行?css强行自动换行教程


本文摘自PHP中文网,作者云罗郡主,侵删。

本篇文章给大家带来的内容是关于word-wrap怎么自动换行?css强行自动换行教程,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

word-wrap介绍

word-wrap是设置对象内文字遇到对象顶边时是否采取换行排版布局。

1、语法

word-wrap:normal―― 允许内容顶开指定的容器边界,遇到连续没有空格英文或没有空格数字不换行(默认,不设置对象也具备默认样式)

word-wrap:break-word ―― 内容将在边界内换行,当内容太多顶到对象边界时,内容自动强制换行。

2、常见情况

对象内连续数字或字母太多后,内容顶边对象容器后不会换行,而是溢出继续不换行显示。和汉字或有空格不同,汉字会定格容器边界会自动换行。

3、使用语法

1

p{word-wrap:break-word}

设置html段落p内文字顶格对象容器边缘自动换行。

代码实例:

阅读剩余部分

相关阅读 >>

html 教程

word-break属性怎么用

css自动换行怎么设置

移动端开发教程之像素的显示问题汇总_心得技巧_网页制作

html5 canvas的绘制文本自动换行的示例代码

css如何设置自动换行

html5拖放(drag 和 drop)实例讲解

后盾网html5视频教程

html5 input 类型的详细介绍以及实例代码

word-wrap怎么自动换行?css强行自动换行教程

更多相关阅读请进入《word-wrap》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...