Heim  >  Artikel  >  Web-Frontend  >  a标签按纽,怎么才能让文字垂直居中?_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:54:101853Durchsuche

  •  新增


  • 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垂直居中文字
    Stellungnahme:
    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