masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > a标签按纽，怎么才能让文字垂直居中？_html/css_WEB-ITnose

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

WBOY
Lepaskan： 2016-06-24 11:54:10
asal
1865 orang telah melayarinya

  •  新增


    • 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垂直居中文字
    Label berkaitan：
    a标签按纽，怎么才能让文字垂直居中？
    sumber：php.cn
    Artikel sebelumnya：Codeforces Round #275 (Div. 1)C（状压+期望）_html/css_WEB-ITnose Artikel seterusnya：Codeforces Round #275 (Div. 1)D（树形DP）_html/css_WEB-ITnose
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Artikel terbaru oleh pengarang
    Isu terkini
    function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
    daripada 2024-04-29 11:01:01
    0
    3
    2226
    Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
    daripada 2024-04-23 00:22:19
    0
    11
    2371
    Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
    daripada 2024-04-19 15:37:47
    0
    1
    1980
    Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
    daripada 2024-04-18 23:52:34
    0
    1
    1868
    Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
    daripada 2024-04-16 10:10:18
    0
    0
    1938
    Topik-topik yang berkaitan
    Lagi>
    Cadangan popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan