自动调整div边框的大小

Question

逗人，

我有一个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

在这里我建议尝试使用此代码。我将宽度和高度设置为自动。因为它会自动调整大小为内容。

如果我们设置max-width和max-height，则不会调整给定的宽度和高度值

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

Answer 3

不要设置高度值，并使用padding-top和padding bottom添加更多空间。 Div高度将自动扩展。