html小技巧之td,div标签里内容不换行,tddiv


在一些页面开发中,除自己操作外,引起换行的情况一般有:

Ex一.td标签里内容长度过长引起换行;

Ex二.div标签(或其他标记)里内容有文本和图片引起换行;

解决方法:

  针对例子一用<nobr></nobr>标签把换行的内容全部包起来,可以解决问题;

  针对例子二用CSS样式white-space: nowrap;可以使图片和内容不换行,(经自己测试使用<nobr></nobr>标签也可以).


Html 哪个标签可以实现不换行 <div id=*>用其他的代替

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>
 

如下代码,第二个TD中的input标签与div怎可以不换行?DIV用于显示前面文本框的错误提示

1改用span
2dispaly=inline
 

评论关闭