有麻煩文字居中

好吧，我工作的克里奧爾標記語言的變種個人定製的解析器，以及我在與宏我加入，其中中心文本的麻煩。有麻煩文字居中

考慮下面的CSS代碼：

.boxsection { 
    text-align:left; 
    border:1px solid #333; 
    padding:10px; 
    margin:10px; 
    background:1px solid #ccc; 
}

和解析器以下輸出HTML代碼：

<div class='boxsection'> 
    <span style='text-align:center'> 
     <h4>Center</h4> 
     <pre>&lt;&lt;center&gt;&gt;Some text in the middle&lt;&lt;/center&gt;&gt;</pre> 
     This macro causes the content inside of it to be centered. 
    </span> 
</div>

的標題和所有渲染集中在該塊中的文本，但最後一行根本不居中，即使它在跨度內。我試圖將跨度更改爲另一個div，並將顯示設置爲內聯，但這不起作用。

，做工作都使用標籤，但標籤已被棄用，所以我寧願避免使用的解決方案，可能會停止在未來的瀏覽器更新工作的唯一的事。

編輯：我上傳這表明該問題的小HTML頁面：http://www.wuala.com/zauber.paracelsus/Public/centering_test.html/

來源

2013-10-06 Zauber Paracelsus

這是因爲你的HTML是無效的。

不能添加默認display:block元素注入其中，在默認情況下display:inline元素。

更改span到div，它會工作。

HTML

<div class='boxsection'> 
    <h4>Center</h4> 
    <pre>&lt;&lt;center&gt;&gt;Some text in the middle&lt;&lt;/center&gt;&gt;</pre> 
    This macro causes the content inside of it to be centered. 
</div>

CSS

.boxsection { 
    text-align:center; 
    border:1px solid #333; 
    padding:10px; 
    margin:10px; 
    background:1px solid #ccc; 
}

http://codepen.io/Chovanec/pen/Hyxqe

來源

2013-10-06 04:45:06 Michal

好吧，謝謝。這很有效，但我不知道爲什麼我添加了該塊：當我將其更改爲div時，顯示樣式。我認爲沒有它就無法工作。 –

有麻煩文字居中

回答

相關問題