包含多個水平元素的包裝器的CSS文本溢出省略號

我有一個寬度可變的包裝元素（它必須依賴於瀏覽器的當前寬度）。包含多個水平元素的包裝器的CSS文本溢出省略號

包裝內部可能有1,2或3個span元素。每個spans上的文字長度未知。

這是預期的行爲，但對於此示例，我被迫爲每個span定義了30％的寬度（使用text-overflow:ellipsis定義寬度爲30％），但是，我無法指定固定寬度在這個元素，因爲我知道有多少跨度。

enter image description here

有沒有辦法讓沒有指定每個元素，並且不使用Java腳本的寬度這種行爲？

2013-10-24 Juan Jo

你能做一個小提琴嗎？ – DaniP

基本上，這裏是你的解決方案：http://stackoverflow.com/a/6311029/27862只需將'white-space：pre;'添加到'li'並在'ol'上設置'width：100％'' – user123444555621

可能的[HTML列表元素：將父寬度共享到相同的部分]的副本（http://stackoverflow.com/questions/6310632/html-list-element-sharing-the-parent-width-into-equal-parts） – user123444555621

您必須指定一個寬度otherwize每個元素將在100％的寬度：/

這不是一個問題，當只有1元

來源

2013-10-24 16:45:03

可以算不指定寬度多少跨度呈現然後劃分整個寬度與跨度的數量...結果將是每個跨度的寬度...然後你可以做類似於

$('.spans').css('width', computedwidth);

來源

2013-10-24 17:58:10 user2756589

包含多個水平元素的包裝器的CSS文本溢出省略號

回答

相關問題