Question

我要在列内分布一些链接。

.cols{
    float: left;
    width: 25%; 
    white-space: nowrap;
}

HTML :

<div class="CRMP_WP_QUICKADS_cols">
    text...
</div>

图像显示结果输出 :

""https://i.sstatic.net/X3NRd.png" alt="此处输入图像描述"/ >

如何避免重叠?

Answer 1

可能的解决办法:

Answer 2

设置 overflow 到 hidden 以切断超过该列 width 的任何内容 :

.cols {
 /* ... */
 overflow:hidden;
 text-overflow:ellipsis; /* Hint that some text is hidden */
}

Answer 3

<强度>3选项

Increase width
Remove the width declaration on the divs (if you want them to expand to fit the text)
set overflow: hidden on the div if you want to hide the text

Answer 4

您必须增加列中的 < code> width 以弥补溢出文本。