HTML css使a標簽內文本垂直居中

css使a標簽內文本垂直居中

a標簽屬於行內元素，默認情況下是不支持設置寬高的，僅依靠內容來“撐大自己”。這時我們需要用css的display屬性並且值設置為block即可。這么設置瀏覽器就會將被設置的a標簽識別為塊元素。這時寬高的設置參數就有效了。

a標簽的文字垂直居中很簡單，只需要設置css的line-height屬性即可，將像素值設置的和高度一致就是垂直居中了。

a{
    display: block; /* 設置為塊元素 */
    width: 300px;
    height: 100px;
    line-height: 100px; /* 設置垂直居中 */
    text-align: center;
    border: 1px solid #ccc;
}