gpt4 book ai didi

html - 不能将文本对齐和宽度设置为 html 样式

转载 作者:行者123 更新时间:2023-11-28 15:18:10 24 4
gpt4 key购买 nike

我只希望我的文本以 50 像素的宽度和右对齐方式显示。

以这种方式编码对我来说听起来很明显:

<div style="text-align:right;width:50px;">
Myyyyyyyyyyyyy Teeeeeeeeeeeeeeeeeeeeeeext
</div>

适用 50px 宽度,但它的空间似乎保留在左侧而不是右侧。

我试图将此代码包含到另一个 div 中:

<div style="text-align:center;">
<div style="text-align:right;width:50px;">
Myyyyyyyyyyyyy Teeeeeeeeeeeeeeeeeeeeeeext
</div>
</div>

没有区别。我应该怎么做?

最佳答案

Flexbox 可以做到这一点

div {
display: flex;
margin: 1em auto;
border: 1px solid grey;
background: palegoldenrod;
width: 50px;
justify-content: flex-end;
text-align: right;
}
<div>
Myyyyyyyyyyyyy Teeeeeeeeeeeeeeeeeeeeeeext
</div>

关于html - 不能将文本对齐和宽度设置为 html 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39835488/

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