gpt4 book ai didi

css - 对齐宽度为 100% - 60px 的 div 中的文本

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

我有一个

#menu {
width: calc(100vw - 60px);
left: 30px;
}

如何在可用空间内对齐单词?

我在努力

text-align:justify

但它不起作用。

https://jsfiddle.net/ju0mz9t0/1/

最佳答案

我假设你指的是文字。这是因为 text-align: justify 没有对齐文本 block 的最后一行。一种解决方法是添加一个 css 生成的内容项,它的作用类似于内联文本项,但像这样拉伸(stretch)容器的整个宽度:

#menu:after {
content: '';
display:inline-block;
width: 100%;
}

#menu{
font-family: Arial;
font-size:22px;
width: calc(100vw - 60px);
left: 30px;
text-align: justify;
text-justify: inter-word;
position:fixed;
}

#menu:after {
content: '';
display:inline-block;
width: 100%;
}
<div id="menu">
SS17 FW16/17 ABOUT STOCKISTS
</div>

关于css - 对齐宽度为 100% - 60px 的 div 中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38701234/

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