Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > a标签按纽，怎么才能让文字垂直居中？_html/css_WEB-ITnose

a标签按纽，怎么才能让文字垂直居中？_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 11:54:10
Original
1864 Leute haben es durchsucht

  •  新增


    • padding-top是因为如果没有的话，按纽icon下面有一点会被拦截。  

    但为什么a标签有padding-top，里面的文字却没变？
    如图，怎么样才能把按纽中的文字让它垂直居中？

    图片地址： http://ccnna.img42.wal8.com/img42/501254_20141114101150/141593117443.jpg


    回复讨论(解决方案)

    用line-height，不要用padding-top

  •  新增

  •  新增

    • 用line-height，不要用padding-top

  •  新增

  •  新增



    • 如果用line-height的话，文字是好的，但icon有一部分被截断了，如图


    用line-height，不要用padding-top

  •  新增

  •  新增



    • 如果用line-height的话，文字是好的，但icon有一部分被截断了，如图
    设置height高度定高结合line-height垂直居中文字
    Verwandte Etiketten：
    a标签按纽，怎么才能让文字垂直居中？
    Quelle：php.cn
    Vorheriger Artikel：Codeforces Round #275 (Div. 1)C（状压+期望）_html/css_WEB-ITnose Nächster Artikel：Codeforces Round #275 (Div. 1)D（树形DP）_html/css_WEB-ITnose
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Neueste Artikel des Autors
    Aktuelle Ausgaben
    function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
    Aus 2024-04-29 11:01:01
    0
    3
    2225
    So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
    Aus 2024-04-23 00:22:19
    0
    11
    2370
    Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
    Aus 2024-04-19 15:37:47
    0
    1
    1979
    Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
    Aus 2024-04-18 23:52:34
    0
    1
    1864
    Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
    Aus 2024-04-16 10:10:18
    0
    0
    1936
    verwandte Themen
    Mehr>
    Beliebte Empfehlungen
    Beliebte Tutorials
    Mehr>
    Verwandte Tutorials
    Beliebte Empfehlungen
    Aktuelle Kurse
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage