gpt4 book ai didi

html - 如何使 div 水平居中并且内部 div 具有其文本内容的宽度?

转载 作者:太空宇宙 更新时间:2023-11-04 03:21:50 25 4
gpt4 key购买 nike

外层有一定的宽度。但内部 div 的宽度应等于其文本内容,并且内部 div 应水平居中

<div id="outer">
<div id="inner">
Hello....
</div>
</div>

最佳答案

设置内部 divdisplay:inline-block 和父 text-align:center

#outer {
width: 200px;
border: 1px solid red;
text-align: center
}
#inner {
display: inline-block;
border: 1px solid green;
}
<div id="outer">
<div id="inner">
Hello....
</div>
</div>

关于html - 如何使 div 水平居中并且内部 div 具有其文本内容的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27775227/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com