內的文本我想我的錨標記看起來像一個按鈕,並創造了這個風格JsFiddle如何中心錨標記
.details-button {
background: linear-gradient(to bottom, #FFFFFF 0, #FAB149 2%, #F89406 100%) repeat scroll 0 0 transparent;
border: 1px solid #FAB149;
-ms-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px #999999;
-ms-box-shadow: 0 1px 2px #999999;
box-shadow: 0 1px 2px #999999;
color: #FFFFFF;
cursor: pointer;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
-ms-text-shadow: 0 -1px #099FDF;
text-shadow: 0 -1px #099FDF;
margin: 4px;
height: 28px;
width: 85px;
vertical-align: central;
align-items: center;
text-decoration: none;
font: menu;
display: inline-block;
/*padding: 6px 0 5px 18px;*/
}
它看起來像我想要的,但如何在水平和垂直居中錨標籤內的文本?
垂直居中可以使用行高來完成。並使用文本對齊方式進行橫向排列。 –
僅供參考:「align-items」對大多數網頁瀏覽器來說都不是真實的東西。此外,它僅適用於顯示器的容器:flex或display:inline-flex,然後僅用於阻止所述容器內的元素,而不是文本本身。 – mellowfish