Zastanawiam się, czy można zmienić wysokość tekstu śródliniowego bez rozciągania czcionki i bez zmiany wysokości wiersza w css.Czy można zmienić wysokość tekstu wstawianego, a nie tylko wysokość linii?
Problem pojawia się, gdy mam linki kilka linii z efektem kursorem: kiedy moused nad liniami efekt migocze i wyłączanie z powodu zwiększonej wysokości linia: Example
Czy jest jakiś inny sposób to zrobić ?
Nie można zmienić wysokości samej czcionki, ale można ustawić wartość font-size, aby pracować z ustawioną wysokością linii.
Możesz także spróbować zmniejszyć letter-spacing. Uczynienie tego typu nieco mocniejszym może sprawić, że będzie on wyższy w stosunku do swojej szerokości.
To jest to, co robię z niektórymi moimi fontami: 'letter-spacing: -1px;', aby je Wygląda inaczej – TheCarver
Nie można zmieniać wysokość czcionki za pomocą CSS, ale co można zrobić, to sprawić wrażenie wyższy od
letter-spacing (Uwaga. Można użyć negatywny letter-spacing jeśli trzeba)font-weightfont-sizePóźno na imprezę, ale zupełnie niezwiązane z zadawanym pytaniem Pytał o wysokość, a nie szerokość – Mave
@Mave - Zmniejsza szerokość czcionki i wygląda na wyższy.Nie miałem szczęścia z czcionką css stretch, ale podobna technika (http://stackoverflow.com/questions/6351013) za pomocą transformacji: skala (0.8,1) działała dla mnie –
'http: // jsfiddle.net/d2xmesqq /' i sprawdź powyższy link ale to nie działa. możesz mi powiedzieć więcej szczegółów na temat tego –
Można zwiększyć wysokość czcionki za pomocą poniższego css
transform:scale(2,3); /* W3C */
-webkit-transform:scale(2,3); /* Safari and Chrome */
-moz-transform:scale(2,3); /* Firefox */
-ms-transform:scale(2,3); /* IE 9 */
-o-transform:scale(2,3); /* Opera */
Działał idealnie – Kulerbox
To jest tylko skalowanie elementu, który ma zastosowane css. Jest to bardziej nowoczesna właściwość css i starsza. Więcej informacji na temat przeglądarek obsługujących tę właściwość można znaleźć w artykule [w3schools article] (http://www.w3schools.com/cssref/css3_pr_transform.asp). Przedrostkowa wersja właściwości scale sprawia, że działa ona w większości przeglądarek. – CoasterChris
To powinna być rzeczywiście zaakceptowana odpowiedź :) Bardzo przydatne – Kojo
Jest jedna właściwość, że nie został jeszcze wymieniony może pomóc zmienić wysokość czcionki ... jedynym problemem jest to, że ma fatalne wsparcie.
Właściwość, do której się odnawiam, to własność CSS font-size-adjust.
font-size-adjustwłaściwość CSS określa, że rozmiar czcionki powinien być wybrany na podstawie wysokości małych liter niż wysokość liter. Jest to użyteczne, ponieważ czytelność czcionek, zwłaszcza w małych rozmiarach, jest określona bardziej przez wielkość małych liter niż przez wielkość wielkich liter.
Jak już wspomniałem support is horrible. Począwszy od tego posta, Firefox jest jedyną przeglądarką, która go obsługuje. Od wersji 43 Chrome można ją włączyć w opcji eksperymentalnej flagi funkcji Platforma internetowa.
można zwiększyć wysokość za pomocą przekształcenia: skalę (3,5) wysokość zależy od drugiego parametru przekształcenia: skala
<div>
<span>Text</span>
</div>
div {
text-align:center;
}
span
{
display:inline-block;
transform:scale(3,5);
-webkit-transform:scale(3,1);
}
można zwiększyć wysokość, szerokość tekst używający właściwości transform. Na przykład: transform: scale (0.7, 1.0);
**h1 {
font-size: 60px;
transform: scale(0.7, 1.0);
margin-left: -90px
}**użyłem margines wyrównać tekst w
Uwaga: jej zawsze najlepszą praktyką jest stosowanie dostawcy prefiksy
Przykład. -webkit- transformacja: skala (0,7, 1,0);
ciekawe pytanie. Nienawidzę łamać twojego serca, ale może nie być czystego sposobu na utrzymanie linku inline ant, aby zapobiec efektowi migotania w tym samym czasie. Przepraszam stary. Trudno. :( – jrharshath
Zastanawiam się również nad tym samym: chcę, aby czcionka była wyższa, ale nie w rozmiarze czcionki: D –