gpt4 book ai didi

css - Javascript 有没有办法确定换行符在 HTML 中的位置?

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

我有这个 html:

<div id="tagsCloud" class="feedBarSegment">
<div id="tagsCloudHeader" class="segmentHeader">Tags</div><span class="tag">Psalm 33</span><span class="tag">Edgar Allen Poe</span><span class="tag">John</span><span class="tag">Hello</span><span class="tag">Test</span></div>

使用这个 CSS:

.segmentHeader {
font-size: 1.15em;
font-weight: bold;
border-bottom: #7792ad solid 1px;
margin-bottom: 5px;
}

.feedBarSegment {
width: 250px;
margin: 52px 20px 20px 25px;
}

#tagsCloud {
margin-top: 10px;
}

.tag {
display: inline-block;
background: #e9e3c4;
padding: 2px 4px;
border-top: 1px black solid;
border-right: 1px black solid;
}

.subject {
display: inline-block;
background: #f2b2a8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 2px 3px 2px 3px;
border: black solid 1px;
margin: 2px;
}

我想在每一行上做到这一点,如果没有更多的标签适合该行上的标签,则会添加填充,以便它们完全跨越整行,而不是在末尾有额外的空间。这可能吗?

最佳答案

如果你可以从 inline-block 移动到 inline for .tags 你可以使用 text-align: justify; 在容器上。

关于css - Javascript 有没有办法确定换行符在 HTML 中的位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6764423/

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