美文网首页
div 超出不换行

div 超出不换行

作者: 云之一 | 来源:发表于2021-01-26 10:26 被阅读0次

1.问题描述

div默认是换行的,当文本全部为数字时,会被当做一个字符处理,从而导致溢出问题,将这个字符截断即可。

2.解决方法

div {
     word-break:break-all;
}

3.有待学习

div {
     /*word-wrap、word-break属性*/
     word-wrap: break-word;
     word-break: normal;
}

相关文章

  • div 超出不换行

    1.问题描述 div默认是换行的,当文本全部为数字时,会被当做一个字符处理,从而导致溢出问题,将这个字符截断即可。...

  • 前端笔记

    容易忘记的部分 从左到右不换行,超出才换行flex-box m-flex-box-wrap div旋转45度 隐藏...

  • 技巧

    word-break: break-all; // 超出 div 强制换行white-space: pre-lin...

  • 前端面试题:CSS

    1. 在固定宽度的div下,怎么让字体自适应大小,不超出宽度,也不要换行? 2. 在固定的父容器下水平垂直居中的...

  • 子div超出父div部分横向滚动,不换行

    父div: .rootBar{ width: 1920px; height: 216px; float: left...

  • css中实现强制不换行/自动换行/强制换行

    1. 强制不换行 div{ white-space:nowrap; } 2. 自动换行 div{ word-w...

  • div超出部分换行显示(英文和数字)

    给容器加css样式(如果是中文的话超过了默认的宽度之后是会默认换行的)

  • CSS 文字超出部分显示省略号

    不换行,超出部分显示省略号 换行,超出部分显示省略号

  • h5笔记

    div中嵌套div,如果子div显示范围超出父div,子div超出部分仍然正常显示,父div也保持其设置的宽高 n...

  • CSS总结

    p上下有间距,title加粗,div和span无样式 div:换行,块元素eg:h1,pspan:不换行,内联元素...

网友评论

      本文标题:div 超出不换行

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