html小技巧之td,div标签里内容不换行,tddiv
html小技巧之td,div标签里内容不换行,tddiv
在一些页面开发中,除自己操作外,引起换行的情况一般有:
Ex一.td标签里内容长度过长引起换行;
Ex二.div标签(或其他标记)里内容有文本和图片引起换行;
解决方法:
针对例子一用<nobr></nobr>标签把换行的内容全部包起来,可以解决问题;
针对例子二用CSS样式white-space: nowrap;可以使图片和内容不换行,(经自己测试使用<nobr></nobr>标签也可以).
div默认就是会换行的,但是如果你对他设置了宽度,同时你第一个元素也设置了宽度和向左浮动的样式的话,那就可以了
<div id="div1" style="width:100px;height:100px;float:left;">div1</div>
<div id="div2" style="width:100px;height:100px;float:left;">div2</div>
1改用span
2dispaly=inline
评论关闭