> 웹 프론트엔드 > HTML 튜토리얼 > a标签按纽,怎么才能让文字垂直居中?_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 11:54:10
원래의
1874명이 탐색했습니다.

  •  新增


  • 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垂直居中文字
    원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿