美文网首页
CSS3 - 文字自动换行

CSS3 - 文字自动换行

作者: Hyso | 来源:发表于2019-03-15 15:18 被阅读0次

word-break 属性用于设置换行规则。可选值有:
1)normal:使用浏览器默认的换行规则。
2)break-all:允许在单词内换行。
3)keep-all:只能在半角空格或连字符处换行。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        .box {
            width: 200px;
            height: 200px;
            border: 1px solid #CCCCCC;
            word-break: break-all;
        }
    </style>
</head>
<body>
    <div class="box">啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa111111111111111111111111111111</div>
</body>
</html>

相关文章

  • CSS3 - 文字自动换行

    word-break 属性用于设置换行规则。可选值有:1)normal:使用浏览器默认的换行规则。2)break-...

  • 文字自动换行

    1、文字自动换行 word-wrap:break-word; word-break:normal; 2、文字不换行...

  • 1-element使用

    1、table里面 2、el-button文字自动换行无效,el-menu-item文字自动换行无效3、时间选择器...

  • 命令echo

    echo用途:用来显示一行文字,默认会自动换行-e 支持转义 -n 取消自动换行

  • 微信小程序 小知识

    横向布局 横向布局 自动换行 Flex 布局教程:语法篇 文本自动换行 文字超出用省略号显示 wx.switchT...

  • (17.04.27)html5、css3、浏览器前缀、圆角、动画

    html5    普通:     特殊:     表单:     自动获取焦点:     提示文字: css3: ...

  • css 文本卷曲

    溢出的文字隐藏 word-break:自动换行 normal 使用浏览器默认的换行规则。 break-all ...

  • UILabel文字内容自动换行

    UILabel视图其实是可以显示多行文本的,但是如果不做设置,UILabel默认是显示一行的,并且如果文字内容太多...

  • 7月26日

    UILabel的属性总结 文字自动换行属性 1.lineBreakModes UItableViewCell的属性...

  • 微信小程序中cover-view标签内文字自动换行

    cover-view标签内文字无法自动换行,导致显示不全加上样式

网友评论

      本文标题:CSS3 - 文字自动换行

      本文链接:https://www.haomeiwen.com/subject/uazlmqtx.html