text-align-last應該適用於所有現代瀏覽器。即時通訊使用Chrome 38和這個CSS屬性似乎並沒有工作 - 在Deverloper工具,它罷工了這條線。CSS:文本對齊最後不工作在鉻?
任何想法爲什麼會發生?也許是Chrome 38的錯誤?我發現在過去的Chrome版本中這是一個問題。
[二零一六年十月三十零日編輯:我與這個漂亮的晚,但如果有人還發現這個答案,文本對齊,最後是因爲Chrome瀏覽器47支撐,12月份發佈2015年]
text-align-last應該適用於所有現代瀏覽器。即時通訊使用Chrome 38和這個CSS屬性似乎並沒有工作 - 在Deverloper工具,它罷工了這條線。CSS:文本對齊最後不工作在鉻?
任何想法爲什麼會發生?也許是Chrome 38的錯誤?我發現在過去的Chrome版本中這是一個問題。
[二零一六年十月三十零日編輯:我與這個漂亮的晚,但如果有人還發現這個答案,文本對齊,最後是因爲Chrome瀏覽器47支撐,12月份發佈2015年]
基線定位變化在瀏覽器中。這就是爲什麼Chrome中的text-align-last行爲不同。這裏說明與可能的修復
http://blogs.adobe.com/webplatform/2014/08/13/one-weird-trick-to-baseline-align-text
HTML
<div>
<span class="letter">T</span>
<span class="strut"></span>
<div>
CSS
div {
width: 100px;
height: 100px;
border: thin black solid;
}
.letter {
font-size: 100px;
line-height: 0px;
background-color: #9BBCE3;
}
.strut {
display: inline-block;
height: 100px;
}
摘要
1.內嵌圖像使用該圖像的底部邊緣作爲基準
2.所以添加一個空的內嵌塊strut到div來定位整條線的基線。
也許你可以給出一個修補程序的簡要總結(以防博客在將來不再可用) – 2015-01-03 19:17:12
@digiron我覺得你有點困惑。我在這裏談論這個:https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last – 2015-01-04 10:49:48
這是關於一個完全不同的問題,即文本的垂直對齊。問題是關於塊的最後一行的水平對齊。 – 2015-01-22 15:32:34
它尚未在Chrome中實施。有一個bug設置爲RESOLVED FIXED,但似乎沒有任何有關已實施的實際修復的信息。 MDN info表示Chrome 35支持,但鏈接到此錯誤。
在Chrome 38中的開發工具中,聲明被刪除,但工具提示文字說明屬性值無效。在Chrome 40中,這個問題已得到修復:工具提示說,屬性名稱無效(意味着它不被瀏覽器識別/支持)。啓用「實驗性Web平臺功能」似乎沒有幫助。所以該物業仍未實施。
編輯:正如現在的問題指出,Chrome支持從47版的功能,以及瀏覽器的支持還是不錯的(雖然不是完美的),否則,也看到http://caniuse.com/#feat=css-text-align-last
https://bugs.webkit.org/ show_bug.cgi?id = 76173 – Banana 2014-11-06 19:06:44
所以它從來沒有實際執行過?不幸的是, – 2014-11-06 19:08:12
顯得如此。 – Banana 2014-11-06 19:10:10