自動調整div邊框

Question

Dears，

我有一個div與它的風格。但我只想要div根據內部文本自動調整大小以正確包圍所有文本。

當我將width設置爲一定的百分比時，無論文本有多大，文本的大小都會變大，當文本變長時，它會越過邊界。

<div style="position:relative; width: 60%; height:90%; text-align:center; border:1px solid black; display: inline-block;"> 
    Some Text. 
</div> 

請幫忙！

Answer 1

您需要的寬度和高度設置爲auto 如果你想在div有一個最小寬度或高度使用min-width和min-height 例如

div{ 
min-width : 200px; 
min-height: 100px; 
} 

Answer 2

在這裏，我建議這個代碼try.I將寬度和高度設置爲自動。因爲它然後會自動調整大小到內容。

如果我們把最大寬度和最大高度，它將不會調整大小給定寬度和高度值

<div style="position:relative; width: auto; height:auto; text-align:center; border:1px solid black; display: inline-block;"> 
    Some Text. 
</div> 

Answer 3

不要爲高度的設定值和使用填充，頂部和底部填充添加更多空間。 Div高度會自動擴大。