css 如何 Package html div文本

iyr7buue  于 2023-02-17  发布在  其他
关注(0)|答案(1)|浏览(158)

我不知道翻译是否顺利。
固定div的大小。
如果超出了这个范围,我想换一条线。
(Two或三条线等)
我应该添加什么样的代码才有风格?
风格码

<style>
        .label {margin-bottom: 96px;}
        .label * {display: inline-block;vertical-align: top;}
        .label .left {background: url("https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;display: inline-block;height: 24px;overflow: hidden;vertical-align: top;width: 7px;}
        .label .center {background: url(https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;display: inline-block;height: 24px;font-size: 12px;line-height: 24px;}
        .label .right {background: url("https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0  no-repeat;display: inline-block;height: 24px;overflow: hidden;width: 6px;}
    </style>

超文本标记语言代码

var contents = []
          for(var i = 0; i < data.length; i++){
          var iwContent = '<div class ="label"><span class="left"></span><span class="center">'+ buslist[i].slice(2) + '</span><span class="right"></span></div>';
          contents.push(iwContent)
              }

固定div的大小。
如果超出了这个范围,我想换一条线。
(Two或三条线等)

mfpqipee

mfpqipee1#

如果我没理解错的话,你想强制文本断开,这样它就不会延伸到容器之外。
尝试添加以下样式到css

overflow-wrap: break-word;

溢出换行样式也可以取值为“normal”和“anywhere”,具体取决于您希望如何断开行。

相关问题