手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

CSS3文本换行教程

时间:2024-10-13 05:30:48

1、新建一个txt文档,将其改成html文件。

CSS3文本换行教程

2、用Sublime编辑器打开html文件,并填写标准html5代码,代码效果如下。

CSS3文本换行教程

3、新建一个p标签,并且写入相应的单词输出。设置p标签的宽为300px,通过“word-warp:break-word;”设置单词换行。

CSS3文本换行教程

4、我们用浏览器打开html文件,页面显示效果如下。

CSS3文本换行教程

5、当我们设置“word-break:break-all;”的时候,word-break属性指定非CJK函讳雍蛾脚本的断行规则,break-all则允许在单词内换行,keep-all则只能在半角空格或连字符处换行。

CSS3文本换行教程

6、重新刷新下页面,可以看到单词内就进行了换行处理。

CSS3文本换行教程
© 手抄报圈