设置div的宽度后文字仍然超出div长度不自动换行

最新推荐文章于 2023-01-17 14:25:58 发布

尚憨憨

最新推荐文章于 2023-01-17 14:25:58 发布

阅读量785

点赞数

CC 4.0 BY-SA版权

文章标签： css

本文链接：https://blog.youkuaiyun.com/szh1127249432/article/details/107630355

本文介绍了一种使用CSS样式使dd元素中过长的文本自动换行的方法，通过设置word-wrap和word-break属性，确保了文本在宽度受限的容器中能够正确显示，避免了文本溢出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置dd里面的过长字符自动换行

  <dl>
          <dt>gene</dt>
          <dd>{{this.tabdata.gene}}</dd>

        
          <dt>Go</dt>
          <dd style="width:70%;height: auto; word-wrap:break-word; word-break:break-all;overflow: hidden;">  //给dd加上行间样式   让过长的字体碰到边缘换行
            {{this.tabdata.goId}}     //字体过长不自动换行       
          </dd>

    
        </dl>