CSS: text-align-last non funziona in chrome?

text-align-last dovrebbe funzionare in tutti i browser moderni. Sto usando Chrome 38 e questa proprietà css non sembra funzionare - in Deverloper Tools, colpisce questa linea.CSS: text-align-last non funziona in chrome?

Qualche idea sul perché sarebbe successo? Forse un bug di Chrome 38? Ho scoperto che si trattava di una sorta di problema nella versione precedente di Chrome.

[30 ottobre 2016 Edit: Sono abbastanza in ritardo con questo, ma se qualcuno trova ancora questa risposta, text-align-last è supportato dal Chrome 47, uscito nel dicembre 2015]

fonte

2014-11-06 David T

https://bugs.webkit.org/ show_bug.cgi? id = 76173 – Banana

Quindi non è mai stato effettivamente implementato prima? –

sembra così, sfortunatamente. – Banana

-2

posizionamento della linea di base varia nei browser. Questo è il motivo per cui l'allineamento del testo in Chrome ha un comportamento diverso. Spiegato qui con eventuale correzione

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; 
}

Sommario
1. Le immagini in linea usare il bordo inferiore dell'immagine, come la linea di base
2. Quindi aggiungere un puntone vuoto in blocco al div per posizionare la linea di base per l'intera linea.

fonte

2015-01-03 19:15:11 digiron

Forse potresti fornire un breve riassunto della correzione (nel caso in cui il blog non sia più disponibile in futuro) –

@digiron Penso che tu sia un po 'confuso.Sto parlando di questo: https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last –

Si tratta di un problema completamente diverso, allineamento verticale del testo. La domanda riguarda l'allineamento orizzontale dell'ultima riga di un blocco. –

Non è stato implementato in Chrome. C'è un bug impostato su RESOLVED FIXED, ma non sembrano esserci informazioni su una correzione effettiva che è stata implementata. MDN info dice che c'è un supporto da Chrome 35 ma link a questo bug.

Negli strumenti di sviluppo in Chrome 38 la dichiarazione è barrata, ma un testo del suggerimento dice che la proprietà valore non è valida. In Chrome 40 questo problema è stato risolto: il suggerimento dice che la proprietà nome non è valida (ovvero che non è riconosciuta/supportata dal browser). L'abilitazione delle "Funzionalità della piattaforma Web sperimentale" non sembra essere di aiuto. Quindi la proprietà rimane non implementata.

Edit: Come indicato nella domanda ora, Chrome supporta la funzione a partire dalla versione 47, e il supporto del browser è buono (anche se non perfetto) altrimenti, anche, vedere http://caniuse.com/#feat=css-text-align-last

fonte

2015-01-22 15:44:46

CSS: text-align-last non funziona in chrome?

risposta

Problemi correlati