水平居中

<div> <span>水平居中</span> </div>

<div>   <span>水平居中</span></div>急求如何將該span中的字水平居中方法1: span{ width:100px; height:20px; line-height:20px; text-align:center; float:left;}方法2: span{ width:100px; height:20px; line-height:20px; text-align:center; display:block;}方法3: span{ float:left; padding:5px 20px;}說明:方法1和方法2都在處理span標籤顯示方式,span標籤默認是行內元素,若是給它設置了float或dispaly:block屬性就能讓它轉爲塊級元素,line-height設置行高,設置它後文字會垂直居中,text-align:center設置文字水平居中,這樣達到本身的需求方法3利用內邊距進行設置,padding:5px 20px(完整寫法:padding:5px 20px 5px 20px;) 設置了上右下左各個參數,若是上下,左右參數相同就能夠簡寫,例如:你的div寬高分別爲:100px 20px; 你設置span最大不能超過父級div,其中span的寬爲:字體長度加上左右padding值,高同理