我不知道翻译是否顺利。
固定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或三条线等)
1条答案
按热度按时间mfpqipee1#
如果我没理解错的话,你想强制文本断开,这样它就不会延伸到容器之外。
尝试添加以下样式到css
溢出换行样式也可以取值为“normal”和“anywhere”,具体取决于您希望如何断开行。