css换行

作者: 李小白呀 | 来源:发表于2021-07-09 22:48 被阅读0次

css的换行显示

1. 浏览器默认显示

文本超出不会断开换行,以单词断句换行


image.png

2.word-wrap: break-word;

会先另起一行,新的行放不到再把单词断开换行。


image.png

3.word-break: break-all;

不会去新起一行,而是直接在后面跟着,如果放不下,则会强制把单词断开换行。


image.png

相关文章

  • Code Tips

    //取list 某一列 禁止换行 CSS强制换行 禁止换行 tab定位 返回问题

  • 文字溢出换行(单行或多行)【转】

    单行文本换行 css需设置属性: 多行文本换行 css需设置属性:(-webkit内核才有效) -webkit-l...

  • css代替v-html换行

    CSS代替v-html换行

  • css换行

    1.white-space:normal; 这个只针对中文有效 2.word-break:break-all;...

  • CSS 换行

    /*强制不换行*/ .nowrap{ overflow:hidden; } /*允许单词内断句,首先会尝试挪到下一...

  • css换行

    css的换行显示 1. 浏览器默认显示 文本超出不会断开换行,以单词断句换行 2.word-wrap: break...

  • css 换行 首行缩进 鼠标样式

    css换行 1⃣️强制不换行 2⃣️自动换行 3⃣️强制英文单词断行 4⃣️本人在用 中英文都换行 ⚠️:官方解释...

  • CSS零碎

    CSS自动换行、强制不换行、强制断行、超出显示省略号 使用white-space属性强制不换行p { white-...

  • html css新发现

    1.用css消除br换行符

  • pre 自动换行

    pre 标签实现自动换行,在css添加如下属性:

网友评论

      本文标题:css换行

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