圍繞文本的CSS框，設置框大小

我想圍繞一些文本，特別是數字創建一個盒裝邊框。但我希望箱子的尺寸相同，不管它是單個數字還是三位數字。我已經嘗試了幾件事情，但每次邊界只包裝數字。該號碼將被包裹在標籤中。圍繞文本的CSS框，設置框大小

strong{ 

border: 1px; 
border-style: solid; 
font-size:12px; 
}

來源

2015-08-16 Shawn Sonnier

那麼，爲什麼不把你的在一個div文本具有固定的寬度和高度與邊框風格？ –

你必須給一個固定的寬度爲元素

strong { 
display: inline-block; 
width: 50px; 
border: 1px solid #000; 
text-align: center; 
}

http://jsfiddle.net/Lcpvgykr/

來源

2015-08-16 22:52:32

這不起作用。 http://stackoverflow.com/questions/5137772/how-to-set-width-of-a-inline-element你也需要改變顯示屬性。 – sinisake

謝謝@nevermind。我忘了補充一點。我一定很興奮，這是我的第一篇文章:) –

至於說在評論中，使用固定寬度和樣式的div帶有邊框股利包裝您的文字。這是一個活生生的例子：

#theDiv { 
 
    width: 300px; 
 
    border: solid red 2px; 
 
}

<div id="theDiv"> 
 
    Your Content 
 
</div>

來源

2015-08-16 22:47:43

我建議使用<div>標籤在這種情況下（請記住，你可以把一個div裏面DIV的！），因爲它看起來整潔，你可以做到這一點非常整潔。然而，也可以在CSS樣式表上使用'padding:x'來做這樣的事情，但我不建議這樣做，因爲它比div更低效。當你編寫圍繞這些數字的div時，爲它們全部定義一個類。比方說，<div class="numberBoxes"></div>（之間將是數字），然後去CSS樣式表，寫.numberBoxes { }的花括號設計，邊框內（記得把寬和DIV的高度！它不會顯示出來，如果你不知道！）

來源

2015-08-16 22:51:12 Zyberg

圍繞文本的CSS框，設置框大小

回答

相關問題