終於將各個瀏覽器下的文字截斷搞定了

2021-08-31 12:52:49 字數 508 閱讀 2445

搞了半天,由於不是用的div,而是用的table做的**,並且裡面還有個a標籤,所以對於td中的文字截斷是傷透了腦經。(本人比較菜)

不過經過我的不懈努力,還是實現了我想要的效果。好了,廢話不多說,貼**:

就是在a標籤的style裡面加上

style="

display:inline-block;

vertical-align:middle;

overflow:hidden;

width: 300px;

height: 22px;

line-height: 22px;"

其中設定的寬度的值要比該td的實際寬度要短,這樣顯示的截斷字串比較好看。同時紅字顯示的屬性,前者是截斷文字(如果不加這個屬性,在火狐和谷歌等瀏覽器中沒有截斷文字的效果,只有ie有),後者是使截斷後的文字能在**居中。

特別要注意的是:在td標籤的style屬性中寫文字截斷的樣式是行不通的,只有在td下的div或者是在td下的其他標籤中寫style樣式才會有效果~

各個瀏覽器下css hack的寫法

下面是我收集有關於各瀏覽器下hack的寫法 1 firefox moz document url prefix 上面是僅僅被firefox瀏覽器識別的寫法,具體如 moz document url prefix 支援firefox的還有幾種寫法 支援所有firefox版本 selector id s...

各個瀏覽器的核心

二 gecko核心代表作品mozilla firefoxgecko是一套開放源 的 以c 編寫的網頁排版引擎。gecko是最流行的排版引擎之一,僅次於trident。使用它的最著名瀏覽器有firefox netscape6至9。三 webkit核心代表作品safari chromewebkit 是乙...

各個瀏覽器的核心

chrome 谷歌瀏覽器 blink核心 webkit核心 webkit safari 蘋果瀏覽器 webkit核心 webkit firefox 火狐瀏覽器 gecko核心 moz ie ie瀏覽器 trident核心 ms opera 歐朋瀏覽器 blink核心 webkit核心 o 自oper...