css设置自动换行

时间:2024-10-14 01:08:57

1、首先打开编辑器,这里以sublime text 3作为示范,创建一个HTML文档。

css设置自动换行
css设置自动换行

2、然后我们首先要创建HTML的基本框架。

css设置自动换行

3、我们要知道如果用P标签,那么如果句子超出一行的时候,会自动换行,这种方法不需要用CSS方法。

css设置自动换行
css设置自动换行

4、如果输入的文字没有空格,是连续性的,那么这个时候默认不会换行的,这个时候需要拖拉到右边查看内容。

css设置自动换行
css设置自动换行

5、这个时候我们可以在P标签里面加入CSS样式。<p style="word-break:break-all;">然后就会发现自动换行了。

css设置自动换行
css设置自动换行

6、但是如果有多个P标签那么操作会比较麻烦。

css设置自动换行
css设置自动换行

7、那么我们可以直接在BODY标签里面直接加入CSS样式,这样全部都会改过来了。<body style="word-break:break-all;">

css设置自动换行
css设置自动换行
© 手抄报圈