Mam obowiązek rozciągać tekst w poziomie, ale jedyne co mogłem znaleźć to font-stretch, które według w3schools nie jest obsługiwane przez żadną przeglądarkę.Rozciąganie tekstu w poziomie przy użyciu CSS
Czy istnieje inny sposób, w jaki mogę osiągnąć ten efekt?
Tak - można to osiągnąć za pomocą CSS 2D transforms.
Oto działa jsFiddle.
Uwaga że przykład w Graja/kodu poniżej jest dla Chrome/Safari (WebKit), jednak można użyć 2D przekształca we wszystkich głównych przeglądarkach za pomocą -moz-, -o- i ms równoważne przedrostków/metod!
HTML:
<span>Hello!</span>
CSS:
span {
transform:scale(3,1);
-webkit-transform:scale(3,1);
display:inline-block;
}
Support:
To jest obsługiwany w Chrome, Firefox, IE9 + i przeglądarek Opera.
Dziękuję ty. Dokładnie tego potrzebuję. – JBrookes
Już bym to zrobił, ale czekam na odliczanie czasu. – JBrookes
Prefiks 'moz' jest specyficzny dla firefox i autoaktualizacja firefox, więc nie ma potrzeby. Prefiks '-ms-transformation' był potrzebny tylko w wersjach wstępnych wersji IE9, więc nie trzeba tam obsługiwać. –
Masz na myśli to? CSS:
text-align: justify
nie Chciałem rozciągnąć jedno słowo poziomo – JBrookes
możliwy duplikat [Css, czy mogę rozciągnąć tekst?] (Http://stackoverflow.com/questions/6351013/css-can-i-stretch-text) –