2014-11-06 22 views
7

text-align-last應該適用於所有現代瀏覽器。即時通訊使用Chrome 38和這個CSS屬性似乎並沒有工作 - 在Deverloper工具,它罷工了這條線。CSS:文本對齊最後不工作在鉻?

任何想法爲什麼會發生?也許是Chrome 38的錯誤?我發現在過去的Chrome版本中這是一個問題。

[二零一六年十月三十零日編輯:我與這個漂亮的晚,但如果有人還發現這個答案,文本對齊,最後是因爲Chrome瀏覽器47支撐,12月份發佈2015年]

+1

https://bugs.webkit.org/ show_bug.cgi?id = 76173 – Banana 2014-11-06 19:06:44

+0

所以它從來沒有實際執行過?不幸的是, – 2014-11-06 19:08:12

+0

顯得如此。 – Banana 2014-11-06 19:10:10

回答

-2

基線定位變化在瀏覽器中。這就是爲什麼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來定位整條線的基線。

+0

也許你可以給出一個修補程序的簡要總結(以防博客在將來不再可用) – 2015-01-03 19:17:12

+2

@digiron我覺得你有點困惑。我在這裏談論這個:https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last – 2015-01-04 10:49:48

+2

這是關於一個完全不同的問題,即文本的垂直對齊。問題是關於塊的最後一行的水平對齊。 – 2015-01-22 15:32:34

2

它尚未在Chrome中實施。有一個bug設置爲RESOLVED FIXED,但似乎沒有任何有關已實施的實際修復的信息。 MDN info表示Chrome 35支持,但鏈接到此錯誤。

在Chrome 38中的開發工具中,聲明被刪除,但工具提示文字說明屬性無效。在Chrome 40中,這個問題已得到修復:工具提示說,屬性名稱無效(意味着它不被瀏覽器識別/支持)。啓用「實驗性Web平臺功能」似乎沒有幫助。所以該物業仍未實施。

編輯:正如現在的問題指出,Chrome支持從47版的功能,以及瀏覽器的支持還是不錯的(雖然不是完美的),否則,也看到http://caniuse.com/#feat=css-text-align-last