如何避免包含空白的重疊div：nowrap屬性

Question

我想分發一些列中的鏈接。我用這個CSS：

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

HTML：

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

的圖像顯示輸出結果：

如何避免重疊？

Answer 1

可能的解決方案：

• 可以隱藏的最後一部分：overflow: hidden; text-overflow: ellipsis;
• 你可以增加的div

Answer 2

3個選項

1. 上升幅度
2. 了div刪除寬度聲明（如果你希望他們擴大以適應文本）
3. 設置overflow: hidden的DIV，如果你想隱藏文字

Answer 3

設置overflow到hidden截斷任何超過的內容列的：

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

Answer 4

您必須增加列width以補償四溢文本。