懸停顯示時更改字體（粗體/斜體）：表格單元格縮小寬度

正如標題所示。當鼠標懸停在顯示爲改變字體重量的表格單元格上時，寬度會縮小/增大。懸停顯示時更改字體（粗體/斜體）：表格單元格縮小寬度

我使用顯示：表上ul，因爲我需要的li s到均勻地跨越容器

這裏有一個的jsfiddle：http://jsfiddle.net/elzi/trXn4/5/更新。

也許有沒有真正動態的方式來做到這一點，我需要設置一些寬度爲li s與更多的文字？

2012-10-30 elzi

是的，表格縮小/擴大以提供最多的空間，除非您另有告知。

您可以添加width: 25%;您li（Fiddle），也可以添加到ul（Fiddle）。

2012-10-30 19:41:12 Eric

我在小提琴給了一個壞榜樣，因爲不是所有的文本將是相同的寬度...例如：http://jsfiddle.net/elzi/trXn4/5/ – elzi

@elzi這是HTML中的表格的基本問題。你甚至可能只需要使用jQuery在加載時使用'.outerWidth（）'獲取每個表格單元格的寬度，然後將其應用爲內聯樣式。 – Eric

當然它確實:) 如果列表項是靜態的，你可以通過添加

width: xxxpx;

到李定義設置固定寬度

2012-10-30 19:41:46

但是有些lis比其他人大...... jsFiddle是一個不好的例子 – elzi

那麼，如果它們仍然是靜態的，你可以設置每個li的寬度......通過改變字體的重量，你改變了字體的大小李的內容。所以除非你修改寬度，否則它會隨着它的內容而增大/縮小。 –

回答