Ich frage mich, ob es möglich ist, die Höhe von Inline-Text zu ändern, ohne die Schriftart zu strecken, und ohne die Zeilenhöhe in CSS zu ändern.Kann die Inline-Texthöhe geändert werden, nicht nur die Zeilenhöhe?
Ein Problem kommt, wenn ich mehrzeiligen Links mit Hover-Effekt haben: wenn über die Linien der Effekt flackert auf und ab wegen der erhöhten Zeilenhöhe moused: Example
Gibt es eine andere Möglichkeit, dies zu tun ?
Sie können die Höhe der Schriftart nicht allein ändern, aber Sie können die font-size so anpassen, dass sie mit der von Ihnen festgelegten Zeilenhöhe funktioniert.
Sie könnten auch versuchen, die letter-spacing zu verringern. Wenn Sie den Typ etwas enger machen, wird er im Verhältnis zu seiner Breite größer erscheinen.
Das ist, was ich zu einigen meiner Schriftarten tun 'Buchstaben-Abstand: -1px;', um sie zu machen – TheCarver
Sie können keine Schrifthöhe mit CSS ändern, aber was Sie tun können, ist es von
letter-spacing (Hinweis.: Sie können negativ letter-spacing verwenden, wenn Sie benötigen) größer aussehenfont-weightfont-sizehttp://www.css3.com/css-font-stretch/
Dieser Befehl hilft Ihnen Problem
Dies wird Ihnen helfen zu lösen!
Spät zur Party, aber völlig irrelevant zu der Frage gefragt. Er fragte nach Höhe, nicht Breite. – Mave
@Mave - Verringern Sie die Breite der Schriftart und es sieht größer aus. Ich hatte kein Glück mit CSS-Schriftart Stretch, aber eine ähnliche Technik (http://stackoverflow.com/questions/6351013) mit transform: scale (0.8,1) hat für mich funktioniert. –
'http: // jsfiddle.net/d2xmesqq /' Ich überprüfe obigen Link aber es funktioniert nicht. Kannst du mir mehr Details dazu sagen? –
Sie können Höhe der Schrift vergrößern
unter csstransform: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 */
Perfekt gearbeitet – Kulerbox
Dies ist nur skalieren das Element, das die angewandte CSS hat. Dies ist eine moderne CSS-Eigenschaft und älter. Weitere Informationen darüber, welche Browser diese Eigenschaft unterstützen, finden Sie in [w3schools article] (http://www.w3schools.com/cssref/css3_pr_transform.asp). Die vorangestellte Version der Eigenschaft scale sorgt dafür, dass sie für die meisten Browser funktioniert. – CoasterChris
Das sollte in der Tat die akzeptierte Antwort sein :) Sehr nützlich – Kojo
Es ist eine Eigenschaft, die erwähnt hat, kann bisher noch nicht dabei helfen, die Höhe einer Schriftart ändern ... Das einzige Problem ist, dass es eine abgründige Unterstützung hat.
Die Eigenschaft, die ich beziehe, ist die CSS-Eigenschaft font-size-adjust.
Die
font-size-adjustCSS-Eigenschaft gibt an, dass Schriftgröße auf der Höhe der Kleinbuchstaben basierend gewählt werden sollte, eher als die Höhe der Großbuchstaben. Dies ist nützlich, da die Lesbarkeit von Schriften, insbesondere bei kleinen Größen, eher durch die Größe von Kleinbuchstaben als durch die Größe von Großbuchstaben bestimmt wird.
Wie ich bereits erwähnte support is horrible. Ab diesem Post ist Firefox der einzige Browser, der dies unterstützt. Ab Version 43 von Chrome kann es unter dem Feature für experimentelle Web-Plattform-Funktionen aktiviert werden.
Sie können die Höhe erhöhen Transformation mit: Skala (3,5) Die Höhe hängt von dem zweiten Parameter der Transformation: scale
<div>
<span>Text</span>
</div>
div {
text-align:center;
}
span
{
display:inline-block;
transform:scale(3,5);
-webkit-transform:scale(3,1);
}
Sie die Höhe erhöhen, Breite Ein Text, der die Eigenschaft transform verwendet. Zum Beispiel: transform: Maßstab (0,7, 1,0);
**h1 {
font-size: 60px;
transform: scale(0.7, 1.0);
margin-left: -90px
}**verwendet I-Marge der
Hinweis Text auszurichten: Es ist immer ein Best-Practice-Vendor-Präfixe
Beispiel. -webkit- transform: Skalierung (0,7, 1,0);
interessante Frage. Ich hasse es, dein Herz zu brechen, aber es kann keinen sauberen Weg geben, den Link inline zu halten, um diesen flackernden Effekt gleichzeitig zu verhindern. Tut mir leid, Mann. Pech. :( – jrharshath
Ich fragte mich, die gleiche Sache auch. Ich möchte die Schriftart größer sein, aber nicht font-size: D –