Maison >interface Web >tutoriel HTML >a标签按纽,怎么才能让文字垂直居中?_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 11:54:101867parcourir

  •  新增


  • 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垂直居中文字
    Déclaration:
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn