浏览器文本自动换行word-break

最新推荐文章于 2024-08-27 18:38:37 发布

原创最新推荐文章于 2024-08-27 18:38:37 发布 · 870 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器文本自动换行 #word-break

css 专栏收录该内容

6 篇文章

订阅专栏

浏览器文本自动换行word-break

属性值：

normal使用浏览器默认的样式

keep-all只能在半角空格或连字符处理换行

break-all允许在单词内换行

写法：

<style>
p{
word-break:break-all;
}
</style>

案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浏览器文本自动换行word-break</title>
    <style>
        p{
            word-break: keep-all;
        }
    </style>
</head>
<body>
<h1>浏览器文本自动换行word-break</h1>
<p>秋起，有微风滑过的清香，有阳光照射的明媚，有树叶儿滑落的声响，还有，一抹抹微凉拂过心头的舒畅。微风，轻掀起衣角，轻吻着发丝，不经意间，那些春花夏梦的记忆，就感染这个多情的秋季。于是，心，慢慢的沉浸，轻轻的驻足，让心停歇，聆听风，倾听雨，原来，岁月处处都充满着暖意……</p>
</body>
</html>