css樣式中怎么實現(xiàn)文本和文本框垂直居中
#d5{border:solid red;
? ? width:250px;height:100px;
? ? ?position:absolute;
? ? right:100px;
? ? bottom:100px;
? ? background-color:pink;
? ? text-align:center;
? ? display:table-cell;
? ? vertical-align:middle;
? ? ??}
a{display:inline-block;
? ? font-size:20px;
? font-weight:bold;
? height:20px;
? margin:auto 0px;
? ?line-height:100px;
? ?border:solid;}
?<div id="d5" >
? ? ?<a ?classname="c1" title="幫助用戶進行網(wǎng)站建設(shè)資料查詢">wsc網(wǎng)站 ??
? ? ?</a>
? ? ?</div>
為什么用了display：table-cell;
? ? ? ? ? ? ? ?vertical-align:middle;
a標簽中的文本框仍然沒有垂直居中效果？？有什么方法可以實現(xiàn)這個效果？？
?
2016-04-21
你這樣寫的話，display:inline-block把A標簽上的這個去掉
2016-04-21
你用這個方法重寫你的代碼，就可以實現(xiàn)垂直居中了
2016-04-21
垂直居中問題：
html代碼如下：
<div>
????<i></i><span>需要居中的內(nèi)容</span>
</div>
css代碼如下：
span{
????display:inline-block;
????vertical-align:middle;
}
i{
????display:inline-block;
????height:100%;
????vertical-align:middle;
}
2016-04-21
設(shè)置a屬性的width、height然后text-align：center，在設(shè)置一個行高就可以了