你如何在html div中對齊內聯元素？

我在固定寬度的div裏面有一堆跨度。我想讓這些跨度像設計一樣順流流動。但是，我希望它們在每行中居中，而不是左對齊。我怎麼能實現這個使用CSS？你如何在html div中對齊內聯元素？

<div> 
     <span>text1</span> 
     <span>text2</span> 
     <span>text3</span> 
     <span>text4</span> 
     <span>text5</span> 
     <span>text6</span> 
     <span>text7</span> 
     <span>text8</span> 
     <span>text9</span> 
     <span>text10</span> 
</div>

來源

2013-07-08 k c

只需設置text-align: center到div <div class="dummy">。事情是這樣的......

.dummy { 
    width: 500px; 
    text-align: center; 
}

jsFiddle DEMO

希望這是你所追求的。

來源

2013-07-08 02:19:16 neo108

是的。謝謝。我得到這個獨立工作。現在我需要調整它，使其與我的其餘部分一起工作。 –

不客氣。我很高興它有幫助。 – neo108

@kc：如果您對答案滿意，請不要忘記接受答案。謝謝。 – neo108

設置包含跨度DIV的寬度和做到這一點：

span { 
     width: 100%; 
     text-align: center; 
     float: left; 
     clear: both; 
    }

來源

2013-07-08 02:15:09 Joey

我試過了。它只是每行放置一個量程，並將其左移。不是我正在尋找的行爲。 –

你如何在html div中對齊內聯元素？

回答

相關問題