
text-align垂直 在 コバにゃんチャンネル Youtube 的最佳解答

Search
文字的垂直置中方法. flex(推薦 ... 如果 inner 這個div 想要水平置中的話,可以在outer 的地方加上 text-align:center 就可以達到水平置中的效果了。 ... <看更多>
text -align: center; border: 1px solid #000; }. HTML; CSS. Result ... 參考文章. CSS 垂直置中的七個方法 · CSS垂直置中的方法 · CSS vertical-align ... ... <看更多>
#1. [CSS] 垂直置中的方法
文字的垂直置中方法. flex(推薦 ... 如果 inner 這個div 想要水平置中的話,可以在outer 的地方加上 text-align:center 就可以達到水平置中的效果了。
#2. [筆記] CSS垂直置中的方法
很好用的方法,就是設定div的高度和文字高度一樣,就可以簡單達到垂直置中的效果。 邏輯:當DIV區塊的高度等同於文字行高的,文字就會被放在中間。
#3. CSS 文字垂直置中技巧
會寫這一篇是因為在CSS 中要水平置中相當簡單,只要使用text-align 即可,但是垂直置中就不是這麼容易的事情,其實說難也不難,只要用一點小技巧就可以做出文字垂直置 ...
適用情境:單行文字垂直置中技巧這個方式應該是最多人知道的了,其實這符合資料垂直置中而非垂直對齊,常見於單行文字的應用,像是按鈕這一類物件, ...
#5. CSS垂直置中/水平置中(持續新增) - Molly M
css置中. 說明. 看到一個紀錄一個,持續更新,分為文字/區塊,在細分為垂直或水平。 懶的看的話可以直接跳到重點—. 水平垂直置中flex; 水平垂直置中margin+position ...
在網頁排版上,要讓div垂直置中是經常遇到的問題,這裡介紹幾個常見的解決方式。 1.line-height. 這是初學者一開始會學到的方法,雖然相當簡單,但僅適用於單行文字 ...
水平置中比較單純,直接在 <p> 或它上層的容器下 text-align: center; 就可以用了。 垂直置中. 麻煩的就是垂直置中,CSS 有個屬性叫做 vertical-align: ...
#8. CSS 垂直置中的七個方法 - OXXO.STUDIO
七種垂直置中的方法 · 設定行高( line-height ) · 添加偽元素 · calc 動態計算 · 使用表格或假裝表格 · transform · 絕對定位 · 使用Flexbox.
flex是彈性的意思,align-items是對齊物件的意思,只要兩行即可將區塊內容垂直置中,適用大部分需求,是目前最推薦的用法,不過如果有多個區塊內容會並排 ...
CSS 的vertical-align可以控制行內元素的對齊方式,「vertical」是垂直的意思,「align」則是對齊的意思,如置頂、置中或置底,除了行內元素(inline)之 ...
#11. HTML 表格欄位內文字水平置中與垂直置中
傳統的HTML 語法雖然簡單,但未來還不確定是否會繼續獲得瀏覽器的支援,所以建議還是以CSS 來設計會比較妥當,請看範例二的語法。 範例二、用CSS 的text-align 與. <table ...
#12. 垂直對齊(Vertical alignment) - Bootstrap - 六角學院
align-text -bottom 和 .align-text-top 中選擇。 若需要讓非行內元素的內容垂直置中(如 <div> 等等 ...
#13. 如何使用CSS Text Align 将文本居中对齐
在这篇文章中,我将向你展示如何使用CSS 中的 text-align 属性,并向你展示如何使用CSS Flexbox 垂直对齐文本。我还将谈谈 <center> 标签,以及为什么 ...
#14. CSS語法18:對齊align、 text-align - Daco Note
text -align:left;, 齊左. text-align:right;, 齊右. text-align:center;, 置中. text-align:justify;, 分散對齊. text-align:inherit;, 繼承父元素屬性. 垂直置中方式. 「 ...
#15. vertical-align - CSS:层叠样式表 - MDN Web Docs
CSS 的属性vertical-align 用来指定行内元素(inline)或表格单元格(table-cell)元素的垂直 ... line-height , text-align , margin ...
#16. 難解的CSS 排版:認識對齊(上)
對齊有兩種,一種是水平對齊,一種是垂直對齊。 在CSS 的世界裡,比較直覺的對齊語法有 text-align 以及 vertical-align 。前者通常用來對齊文字,後者不 ...
#17. CSS 5種垂直置中方法
優點:相容性不錯,如果要ie7則必須自己手動插入偽元素的部分。 缺點:必須轉成 inline-block .box-wrap @extend %box text-align: center &:before ...
#18. CSS 垂直置中的方法- CSS 排版
1. line-height. 父元素高與行高設定相同數值並加上文字置中 text-align: center ,適用於「單行」的「行內元素」例如: a 、 p 。
#19. 網頁樣式表CSS的提示與竅門
垂直 居中文字區塊或圖片. 最近執行CCS,您可以用Level 3的功能去容許絕對居中定位 ... P { text-align: center } H2 { text-align: center }. 表示在P中或者在H2中每一行 ...
#20. CSS-垂直置中的方法
text -align: center; border: 1px solid #000; }. HTML; CSS. Result ... 參考文章. CSS 垂直置中的七個方法 · CSS垂直置中的方法 · CSS vertical-align ...
#21. CSS 垂直置中解法- 小惡魔 - AppleBOY
... text-align: center; margin: 0 auto; } .ot:before { content ... 垂直居中,可以讓文字置中,也是透過上述方法。一般單行文字置中,可以透過底下方式 ...
#22. [CSS] 水平置中與垂直置中(傳統作法) - camel 's blog
inline: 利用CSS 的text-align 屬性,在父元素宣告以下這行即可。 text-align:center;; block: 利用CSS 的margin 屬性,會根據自身寬度自動(auto)調整左右 ...
#23. CSS Vertical Align(用純CSS解決div垂直置中) - Claire's Blog
每種使用方式各有其優、缺點,端看自己要置中的內容是「區塊」或是「文字」來取捨。 方法一. 使用CSS table-cell屬性來完成,什麼是table-cell?簡單說 ...
#24. 如何讓文字或圖片元素在區塊(Div)中置中- 部落格- internet
... 垂直置中. 【文字、圖片水平置中】→在元素容器中加入text-align:center即可. 文字水平置中. 【Sample code】. <!--- CSS code --->. < style type = ' ...
#25. CSS 水平居中text-align、垂直居中vertical-align 转载
text -align. 我们在实际工作中常会遇到需要设置水平居中场景,今天我们就来看看怎么设置水平居中的。 如果被设置元素为文本、图片等行内元素时, 水平 ...
#26. CSS 布局– 水平& 垂直对齐
注意: 如果没有设置width 属性(或者设置100%),居中对齐将不起作用。 文本居中对齐. 如果仅仅是为了文本在元素内居中对齐,可以使用text-align: center;.
#27. CSS 水平垂直置中的方法(flex, grid)
使用 text-align: center + line-height. 設置父層元素為 text-align: center ,使文字水平置中; 設置子層元素line-height 與父元素同高,使文字在元素 ...
#28. 【text-align垂直】CSS垂直置中的七個方法-OXXO... +1
text -align垂直:CSS垂直置中的七個方法-OXXO...,(範例:css-vertical-align-7methods-demo1.html).HTML:表格垂直置中假的表格 ...,會寫這一篇是因為在CSS中要水平置 ...
#29. [css]水平垂直置中的方法
... text-align: center; } .parent > .child { line-height: 200px; }. 2.添加偽元素. 將:before 偽類物件設定為100% 高的inline-block,再搭配上需要垂直對齊的div同樣設定 ...
#30. CSS: 图片、文字水平垂直居中| center image and text
CSS: 图片、文字水平垂直居中| center image and text. GitHub Gist: instantly ... text-align: center;. *font-size: 175px; /* 0.875 */. } .ie6-img:after {. content ...
#31. 【css版面配置】文字垂直置中方便好用的幾個方法
⚠️ 注意: 當字數太多時他會自動斷行,此時你文字內容的寬度已經撐到100%了,你會發現你的文字變成靠左,此時要記得加入text-align: center;才能置中唷!
#32. 使用CSS水平垂直置中可縮放的訊息視窗
... text-align: center; /*此行指定黑色背景區塊的內容會居中*/ }. 這個命名為class="content"的<div>區塊,就是要放置希望呈現的內容,接著在<style>區塊中設定CSS外觀 ...
#33. [筆記] CSS 上常見的水平置中& 垂直置中方法
在父元素下宣告text-align,裡頭的inline 元素就會自動套用。 block ... 將div 設定為表格的td,那麼你就可以用儲存格垂直對齊的vertical-align:middle。
#34. css3 垂直置中的七種方法(下)
在css3垂直置中的七種方法(上),介紹了vertical-align屬性以及三種單純利用css垂直置中的方式,為了能更了解vertical-align的屬性以及更多使用方式 ...
#35. 在CSS 中垂直居中文字| D棧
可以通過建立 div 元素的邊框來說明。我們還可以使用 text-align 屬性並將其設定為 center 以將文字水平居中對齊。 例如,在HTML ...
#36. 在CSS 中垂直對齊文字| D棧
在 div 內寫一個單行文字 Vertically aligned 。給 div 一個 100px 的 height 和 100px 的 line-height ,使文字垂直對齊到div 的 ...
#37. 文字樣式
text-top:文字垂直向上對齊。 text-bottom:文字垂直向下對齊。 範例:{vertical-align:super;font-size:0.5em} ..
#38. CSS 2.1 快速導覽- 垂直對齊vertical-align
CSS 2.1 快速導覽- 垂直對齊vertical-align · baseline · sub · super · text-top · text-bottom · middle · top · bottom.
#39. Bootstrap 4 垂直对齐(vertical align) _Bootstrap中文网
垂直 对齐(vertical align). 轻松更改内联、内嵌块、内联表和表格单元格元素的垂直 ... baseline基准 top顶部 middle垂直居中 bottom底部 text-top文本顶部 text-bottom文本 ...
#40. CSS 布局- 水平和垂直对齐
居中对齐文本. 如果仅需在元素内居中文本,请使用 text-align: center; :. 这段文本是居中的 ...
#41. 【CSS】vertical-align 垂直对齐( 块级元素对齐| 行内 ... - 腾讯云
基线对齐: 图片底部位置与文字基线对齐; 这是默认的对齐方式, 如果是p , 则p 的下半部分在图片的下方;. vertical-align: baseline; 复制. 垂直居中 ...
#42. 垂直对齐 - Bootstrap
根据需要选择 .align-baseline , .align-top , .align-middle , .align-bottom , .align-text-bottom , 和 .align-text-top 。 要垂直居中非内联内容(如 <div> 等),请 ...
#43. 下面本篇就让我们来了解一下用css设置文字垂直居中的方法
display:flex、align-items:center; (垂直置中) 、justify … simply awesome entertainment Web26 Oct 2018 · 使用屬性. The text-align property describes how ...
#44. Day11 | CSS之水平與垂直置中 - iT 邦幫忙- iThome
一、text-align. 一般預設的文字都是靠左且偏上,若是有做其他設定才會有所不同。 讓我們來看一下text-align有哪些功能: (示範文字為無意義文字) https://ithelp ...
#45. [CSS] writing-mode 垂直文字文本行是水平還是垂直放置
文字對齊. 想讓整個文字區塊靠右對齊, writing-mode: vertical-rl; 垂直由右而左設定下,使用 text-align:right 會發現它如下圖,只對文字起作用 ...
#46. CSS 水平和垂直对齐 - 参考手册
注意:如果未设置 width 属性(或将其设置为100%),则居中对齐无效。 居中对齐文本. 如果仅需在元素内居中文本,请使用 text-align: center; :.
#47. 【問題】關於水平置中與垂直置中的問題
各位大大好,小的寫了一個div 我想在這個DIV內新增文字並且水平與垂直置中我查了很多方法,水平置中的部分大多都是使用text-align: center; ...
#48. 水平垂直居中对齐
JS · 1.水平垂直居中居中inline-block + text-align + table-cell + vertical-align. this is a text · 2.水平垂直居中布局absolute+transform. this is a text · 3.水平垂直 ...
#49. CSS垂直居中和水平居中方法總結 - 設計之家- 设计之家
1、單行垂直居中文字在層中垂直居中vertical-align 屬性是做不到的.我們這里有個比較巧妙的方法就是:設置height的高度與line-height的高度相同! div ...
#50. 聯成電腦網頁設計教學:CSS置中的6個方法
text -align: center;. } .outBox2:before, .outBox2:after {. content ... 垂直對齊(align-items)就可以完成置中。 HTML:. div class="outBox6">. <div ...
#51. 文字在div中水平和垂直居中的的css样式
text -align:center; /*水平居中*/ line-height: 20px; /*行距设为与div高度一致*/ 示例如下: HTML元素<div>水平垂直居中</div> css样式div{ ...
#52. line-height - 行高与垂直对齐
垂直 对齐. 【定义】. vertical-align用来设置垂直对齐方式,所有垂直对齐的元素都会 ... 图标和文字对齐演示. 测试 文字. vertical-align: baseline: text-bottom: -5px: 0 ...
#53. CSS-文本垂直居中
文本水平居中可以将text-align设置为center即可,垂直居中的话如果是单纯的设置vertical-align是没办法单独设置成功的,垂直居中的文字分为单行文本和多行文本,主要是两种 ...
#54. CSS TIP - 縮排和文字垂直置中 - O3noBLOG
... 文字就會垂直置中了,結果如下圖:. 如果想要文字水平也置中,只要加上 text-align: center; 就可以了,不過我比較喜歡讓文字靠左,然後留一點邊距,讓 ...
#55. 圖片和多行文本的垂直置中
box01{ line-height: 200px; font-size: 0; font-size: 1px\9; text-align: center; background: #ddd;} .box01 img{ vertical-align: middle;}.
#56. CSS 元素置中的N 個方法
... vertical-align + text-align .container { text-align: center; font-size: 0; &:after { content: ''; height: 100%; vertical-align: middle ...
#57. Html CSS 文字垂直居中,多行文字垂直居中 - 罗分明网络博客
vertical -align : middle ;. /*text-align: center;*/. line-height : 20px ;. padding : 5px ;. } <div class= "box" >. <p class= "con" > 单行垂直集中 ...
#58. 在html+css中实现文字垂直居中的方法 - 365建站
元素可以通过设置display:flex;将其指定为flex布局的容器,指定好了容器之后再为其添加align-items属性,该属性定义项目在交叉轴(这里是纵向周)上的对齐 ...
#59. 水平垂直居中 - 五年前端三年面试
father { text-align: center; }. 1 2 3. table 标签自己将它垂直居中了, text-align:center 后就是水平居中了. 可以看demo. 当元素有宽高的情况,又多了 ...
#60. CSS水平垂直置中的方法 - Mazast Studio
範例:水平垂直置中範例展示 <style> body { height: 100vw; width: 100vw; } h1 { font-size: 5vw; text-align: center; } font { font-size: 3vw; } .div-size ...
#61. 【CSS】文字圖片對齊同一水平線(垂直置中vertical-align:middle)
以下是各種對齊方式的呈現效果,括弧內是CSS語法,文章底下有程式碼解說:(注意文字與圖片的對齊方式). 垂直置中對齊(vertical-align:middle).
#62. 原來CSS垂直置中可以這樣簡單 - Jerry-Yang's Log
原始出處:vertical-align 的CSS 解決方法. CSS Code: #p1_b1 spam {display:table-cell;text-align:center;vertical-align:middle;}.
#63. vertical-align 垂直对齐(行内元素) - 陈道宽
垂直 对齐文本的下标。 super, 垂直对齐文本的上标. top, 把元素的顶端与行中最高元素的顶端对齐. text- ...
#64. Sass 文字置中 - Akiicat 學習筆記
垂直 置中:讓 height 跟 line-height 的高度相同。 水平置中:讓 text-align 為 center 。 1 2 3 4 5 6 7 8, $box-height: 100px; .abs-text-center {
#65. 只用CSS 讓圖片在DIV 中水平垂直都置中 - 綠葉工作室
這個問題我很久以前思考過。水平置中當然沒問題, text-align : center 就好了。在Firefox 和Chrome.
#66. CSS中,垂直居中的九种写法
第六种:. 把父级设置为 display:table-cell; ,然后用 vertical-align 属性让子元素垂直居中,然后用 text-align 属性让文本水平居中,最后在子元素 ...
#67. 對齊文字物件的聰明作法
選取文字框。 選擇「文字> 區域文字選項」。 從「對齊> 垂直」下拉式選單中選擇對齊選項。或者,在「屬性 ...
#68. [CSS] 圖片垂直置中的css hack - 看板Web_Design
相信很多人都遇過想把圖片垂直置中vertical-align:middle,不管是IE或Fx ... text-align:center; line-height:80px; // 這兩個數值要照著上面的高度來 ...
#69. 12.11 垂直对齐:align-items - CSS3
... font-size:24px; } h3{margin-bottom:3px;} /*定义子元素样式*/ .box li { margin:5px; background-color:lightskyblue; text-align:center; } .box li:nth-child(1) ...
#70. 实现HTML元素垂直居中的六种方法 - PrintLove
text -align: center; } .main span{ display: table-cell;/*img设置成表格元素属性*/ vertical-align: middle;/*两个display设置后这个属性就起作用 ...
#71. css 如何使文字垂直居中
mod{ display: flex; align-items: center;/*垂直居中*/ height:300px; } .inner ... parent { display:table-cell; vertical-align:middle; }. 2、使用 ...
#72. CSS中垂直居中的七种方法 - 路饭网
前言:我们在编辑一个版面,通常都会用到水平居中和垂直居中来设计,而水平居中很好处理,不外乎就是设定margin:0auto;或是text-align:cente.
#73. [引用]文字的垂直與水平置中
單行文字的置中。以下方法都不使用TABLE 元素,而是要在DIV 元素置中。單行文字的置中,其水平置中可用text-align:center。垂直置中可以將line-height ...
#74. CSS 小技- 圖片水平垂直置中並依容器大小自動縮放
查詢結果顯示框的大小是固定的,一開始沒多想,用<img width="96" > 設成固定寬度,再配合text-align: center 置中,但因為貼圖有大有小,有長有扁,若 ...
#75. CSS 设置垂直水平居中 - M.M.F 小屋
... font-size: 118px; text-align: center; vertical-align: middle; } .align_box_4 li div img { vertical-align: middle; } </style>. 图片的垂直居中: <div class ...
#76. div水平、垂直置中-技術分享 - 網頁設計:傑立資訊
text -align:center; width:270px; height:180px; position:relative; } .actPic img { position:absolute; top:0; right:0; left:0; bottom:0; margin ...
#77. Label如何將文字水平跟垂直都能置中對齊
<Label>的文字水平對齊方式超簡單,在CSS檔, 或Style區段內設定一行text-align:center(left, right);一行搞定,但垂直對齊呢?說真的,對不知道的人來 ...
#78. 文字屬性II
名稱, 說明, 設定值, 範例, 效果. 垂直對齊vertical-align. 預設. baseline. 下標, sub, vertical-align:sub, CO2. 上標, sup, 用X2+Y2=Z2. 垂直向上對齊, top.
#79. CSS / 文字垂直斷行置中 - 二流設計師的小筆記- 痞客邦
CSS Code · width:300px; height:150px; text-align:center; display:table-cell; vertical-align:middle; ...
#80. CSS writing-mode与图片text-align:center垂直居中实例页面
张鑫旭web前端学习实例页面之CSS writing-mode与图片text-align:center垂直居中.
#81. vertical-align和text-align区别- 一Left一
text -align是设置或检索对象中文本的左中右对齐方式。vertical-align是用于指定元素的上下垂直对齐方式。 如果要实现水平居中,比如我们要实现块状 ...
#82. [CSS] 如何讓div element內的單行文字垂直置中(vertical ...
說明: 網頁上常用div element顯示區塊文字,水平置中可直接指定text-align:center,例: <div style="text-align:center">test</div> 但文字垂直置中 ...
#83. [CSS]DIV內的物件垂直水平置中 - 自由手記- 痞客邦
... text/css"> .div_table-cell{ width:450px; height:500px; background-color:#333; display:table-cell; text-align:center; vertical-align:middle ...
#84. 154 css使用padding 和text-align:center 进行水平和垂直居中
css使用padding 和text-align:center 进行水平和垂直居中. 实例代码: <!doctype html> <html> <head> <meta charset="utf-8"> <style> div{ ...
#85. CSS 实现水平垂直居中布局 - hozen.site
可以将这些块级元素设置为行内元素 display: inline-block ,然后在父元素中设置 text-align: center :. HTML; CSS. Result; Skip Results Iframe.
#86. Vertical alignment - 垂直配置 · Bootstrap v5.3
インラインではないコンテンツ( <div> など)を垂直方向の中央揃えにするには、フレックスユーティリティを使用します。 インライン要素: baseline top middle bottom text- ...
#87. 垂直置中
text -align: center; } .bg-img:before{ display: inline-block; vertical-align: middle; height: 100%; } .img-text{ margin-left:185px; display ...
#88. CSS|文繞圖與垂直置中(vertical-align:middle) - cabuchi - 痞客邦
style type="text/css">.mid{ vertical-align:middle;}</style>.
#89. div 居中-垂直居中、居上、居下对齐 - ITPOW
注意,这里是align-items,并不是align-content。 当使用了display:flex; 之后,水平居中不再使用text-align,而使用justify-content。
#90. CSS水平垂直居中的几种方法-socoinn
2. 父元素设置: text-align: center. 1. 只能对图片, 按钮, 文字等行内元素(display为inline 或inline-block等) 进行水平 ...
#91. 【Premiere基礎教學31】文字標題/圖片與影片畫面 - YouTube
【Premiere基礎教學31】文字標題/圖片與影片畫面,水平/ 垂直 置中對齊| Align. 3.4K views · 1 year ago ...more ...
#92. CSS 布局– 水平和垂直对齐| 新手教程
居中对齐文本. 如果仅需在元素内居中文本,请使用text-align: center;:. 这段文本是居中的。
#93. 如何使文字在div中水平和垂直居中的css代码
可以用“text-align”属性和“line-height”属性。 1、新建html文件,在body标签中添加div标签,在div标签输入文字,这里以“演示文本”为例,给div标签设置宽度、高度和背景 ...
#94. css固定宽高DIV内部元素垂直居中的方法 - 前端博客
text -align:center;vertical-align: middle;width:200px;height:350px;}. vertical-align:middle是不管用的,很多朋友就在.inner上面做文章了,和我上面 ...
#95. css display 左右排版垂直置中跟水平置中
... 文字</div>. </div>. 圖片只要設定. img{. display:block; margin:auto;. } 文字只需要text-align:center;就可達到. 你要怎麼達到垂直置中? 有一種方式 ...
#96. css怎麼把文字居中
文字居中的方法:1、使用「text-align:center;」語句設定水平居中;2、利用CSS3的flex佈局設定垂直居中;3、使用「vertical-align:middle;display ...
#97. text-align:center;垂直居中· 记事本
text -align:center;垂直居中. 要垂直居中,a标签加一个属性line-height:50px; 具体原理就是元素的height(高)和line-height(行高)一样的时候,元素里面的文字就能居中。
#98. 关于vertical-align 你应该知道的一切_语言& 开发
一种简单的CSS 属性,用来指定行内元素(inline)或表格单元格(table-cell)元素的垂直对齐方式。 我们对于它的直观定义是与 text-align:center 相类似, ...
#99. table内的文字如何居中?CSS控制td文字垂直居中 - 新手站长
使用table时候发现文字并不居中,大家比较熟悉的CSS样式为text-align,但是在实际的应用中text-align:center只会横向左右居中,那么td中的文字垂直 ...
text-align垂直 在 [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
... <看更多>