css table td置中 在 コバにゃんチャンネル Youtube 的最佳貼文
「css table td置中」的推薦目錄：
- 關於css table td置中 在 コバにゃんチャンネル Youtube 的最佳貼文
- 關於css table td置中 在 大象中醫 Youtube 的最佳解答
- 關於css table td置中 在 大象中醫 Youtube 的最佳解答
- 關於css table td置中 在 [CSS] 圖片垂直置中的css hack - 看板Web_Design 的評價
- 關於css table td置中 在 三行css 簡單地讓單行置中，多行置左｜像哈士奇的狼 的評價
- 關於css table td置中 在 1-4. 行/區塊/對齊的屬性... - Html+css 響應式網頁設計課程講師 ... 的評價
- 關於css table td置中 在 How to center the contents of an HTML table? - Stack Overflow 的評價
- 關於css table td置中 在 table css美化2023-精選在臉書/Facebook/Dcard上的焦點新聞 ... 的評價
- 關於css table td置中 在 table css美化2023-精選在臉書/Facebook/Dcard上的焦點新聞 ... 的評價
css table td置中 在 三行css 簡單地讓單行置中，多行置左｜像哈士奇的狼 的推薦與評價
一開始還不太懂原理，只能照抄文章中的複雜的css 屬性 display: table-cell; 、 overflow: hidden 、 vertical-align: middle; 、 line-height …等，來 ... ... <看更多>
css table td置中 在 1-4. 行/區塊/對齊的屬性... - Html+css 響應式網頁設計課程講師 ... 的推薦與評價
默認無效果、置上top、置中middle、置下bottom、圖 ... 老師主要講解常用下列兩段CSS屬性：(此語法可以達 ... 此元素會作為一個表格行顯示（類似<tr>）。 ... <看更多>
css table td置中 在 [CSS] 圖片垂直置中的css hack - 看板Web_Design 的推薦與評價
相信很多人都遇過想把圖片垂直置中
vertical-align:middle，不管是IE或Fx都沒辦法。
而 display:table-cell IE6-也不支援
有時只是為了一個圖，還要再加一個<table>標籤也有點麻煩
這兩天看見了一個比較方便的css hack
是在圖片外包一個<div>然後透過設定字型的方式來讓圖片垂置
HTML:
<div class="box"><img src=".."></div>
CSS:
.box
{
height:80px; // 圖片外部元件的高度
width: 80px; 寬
border: solid 1px white; // 這個如果沒設或是尺寸設0px的話，並不會有效果
text-align:center;
line-height:80px; // 這兩個數值要照著上面的高度來設定
font-size:80px; // 網路上說的是要設高度*0.837
}
.box img
{
vertical-align:middle;
}
上面這個CSS hack衍伸出來的問題
border: solid 1px white; 由於這是必要的
所以如果背景有顏色的話一定要跟著背景一起設定
也許有些人想到可以用transparent
又很不巧的... IE6不支援border transparent啊 (／‵Д′)／~ ╧╧
此時在IE6下，border會是黑色線條..
又去看了一下網路上的CSS hack..
/*set an unused color to be index color*/ //設定border-的顏色
_border-color:tomato; /*For IE6-*/
/*then remove this indexed color*/
_filter:chroma(color=tomato);/*For IE6-*/ //把指定的顏色移除掉
這樣看下來似乎一切就OK了
Wait!
還。沒。完........
上面兩個css hack分開使用都沒問題
可是兩個合併使用的話就是沒辦法出現效果 囧rz
(不過網路上看到的border:transparent就這有這個解)
看來只好把border color跟著背景色設定了 ...(￣ー￣；)
看到browser版在"聊"MS壟斷瀏覽市場的討論
一堆人在抱怨IE6.. 想到就有心酸啊
就算n年後IE8變成主流，還是一定會有人用IE6這個餘毒啊..
難道到時還是要針對這群user做 css hack嗎 O.o
後記：最近還有發現JQuery UI的Sortable 在特定情況下會有個滿有趣的現像
有空再來Po上來~~
最後，大家有看到什麼實用的css hack技巧，也麻煩拿出來分享一下吧~
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.104.153.191
... <看更多>