3个div排一行,全靠右排列, 中间的div的文字可隐藏显示。
在一个table的td里要做3个div ,要求在一行排列, 3个div里都有文字,div要都靠右,3个div中的文字连在一起,看上去不希望有空隙。
假设 此3个div为:
<td style="width:300px;">
<div id="div1">这是第1个div</div>
<div id="div2" style="height:17px;overflow:hidden;">
这是第2个div这是第2个div这是第2个div这是第2个div这是第2个div这是第2个div这是第2个div这是第2个div </div>
<div id="div3">第3个div</div>
</td>
并且中间的div2里的文字是不固定的, 超出了就不显示,使用了overflow:hidden;。 我试了几个方法,有的是,3个div不能排成一行,有的方法 是当div2中的字符很短的时候, 发现div1和div2中的字 不能连在一起,中间显示的有空隙。
要怎么做呢?如果不能div,有其他方式可以达到效果也行。谢谢