div中的中心文字像img元素

我可以在頁面上很容易地固定圖像的中心，但是當涉及到文本時，它似乎更復雜。這jsFiddle演示如何圖像居中，但文字不是。我怎樣才能以相同的方式對文本進行中心化處理？謝謝閱讀。div中的中心文字像img元素

.center{ 
     display:table; 
     position:fixed; 
     left:0; 
     right:0; 
     margin:auto; 
     border:1px solid grey; 
} 

<div class = "center">text</div>

來源

2015-01-07 user2014429

http://jsfiddle.net/Rc9fa/357/ – DaniP

給的寬度和使用text-align:centerhttp://jsfiddle.net/Rc9fa/358/

.center{ 
width:100px; 
text-align:center; 
display:table; 
position:fixed; 
left:0; 
right:0; 
margin:auto; 
border:1px solid grey; 

}

來源

2015-01-07 16:06:10 Akshay

@Danko他將不得不改變類或使用多個類，然後 – Akshay

但是，這是一個很好的解決方案，寬度是可變的，所以如果div大於100px，它將不再居中。感謝你的回答。 +1 – user2014429

@ user2014429我會在晚些時候看看它，我必須越來越遲 – Akshay

只需添加text-align:center;和width:100%;到你的CSS。這是你想要的？

Updated Fiddle

編輯：您可以替換width:100%;與width:yourWidthYouWant;，它也能發揮作用。

來源

2015-01-07 16:05:59 Roman

div中的中心文字像img元素

回答

相關問題