• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

我如何防止div中的标签与另一个div上的表格重叠td

html 来源:Crazy 11次浏览
<table> 
<thead> 
    <th>Item</th> 
</thead> 
<tbody> 
    <tr> 
    <td> 
     <div style="display:inline-block;width:25%"> 
     <label style="display:block">abcdefghijklmnop</label> 
     <input type="checkbox"> 
     </div> 
     <div style="display:inline-block;width:25%"> 
     <label style="display:block">abcdefghijklmnop</label> 
     <input type="checkbox"> 
     </div> 
    </td> 
    </tr> 
</tbody> 
</table> 

如果标签文本溢出,我希望它自动跳转到下一行。我不希望标签被隐藏或使用省略号。我如何防止div中的标签与另一个div上的表格重叠td

注:在我的情况下,我会循环在同一行td的div内容。我想打破这个词在全尺寸的浏览器或浏览器调整到较小的下一行。

我该如何解决这个问题?

===========解决方案如下:

Try Float:right;

<table> 
<thead> 
<th>Item</th> 
</thead> 
<tbody> 
<tr> 
<td> 
    <div style="display:inline-block;width:25%"> 
    <label style="display:block">abcdefghijklmnop</label> 
    <input type="checkbox"> 
    </div> 
    <div style="display:inline-block;width:10%; float:right;"> 
    <label style="display:block">abcdefghijklmnop</label> 
    <input type="checkbox"> 
    </div> 
</td> 
</tr> 
</tbody> 
</table> 

版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)