您的当前位置：首页关于div中文字不换行的问题_html/css_WEB-ITnose

关于div中文字不换行的问题_html/css_WEB-ITnose

来源：华佗小知识

html，css

html:
内容不换行，宽度相对变化
复选框

css
.labelDiv{
display: inline-block;
width:75%;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
.iconDiv{
display: inline-block;
vertical-align:middle;
width:25%;
}
大概内容就是这样了，把div中的内容设为不换行实现了，但是.labelDiv的宽度却有了最小的宽度（当缩小的一定时候就不变了，但放大还是可以按比例缩放），如何让其宽度依然按比例缩放呢？新人谢谢解答了

回复讨论(解决方案)

LZ自己不是已经实现了么？

我实现了不换行，但是产生附带的问题了，相对宽度（75%）不能用了，我想问的是这个问题

内容不换行，宽度相对变化复选框

.labelDiv{ display: inline-block; width:75%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; float:left;}.iconDiv{ display: inline-block; vertical-align:middle; width:25%; float:right}.clear{clear:both;}

违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务