gpt4 book ai didi

html - 列布局的内部填充?

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

我有一个简单的页面,可以将内容分栏排列。有没有办法对每列应用内部填充?我看到了 column-gap 属性,但我认为这对第一列的左侧不起作用。我还需要我的列正好是 300px 宽。这是我的设置:

<html>
<head>
<style>
.columns {
column-width: 300px;
}
</style>
</head>
<body>
<div class="columns">
...
</div>
</body>
</html>

理想情况下会有一些属性,例如:

column-inner-padding: ...;

我可以通过在列中的所有元素上显式设置填充来实现这一点,但这不能很好地扩展:

.columnsParagraph {
padding-left: 20px;
padding-right: 20px;
}

...

<div class="columns">
<p class="columnsParagraph">...</p>
<p class="columnsParagraph">...</p>
<p class="columnsParagraph">...</p>
...
</div>

谢谢

最佳答案

您可以让一个类更改应用该类的元素下元素的样式。 Star Selector

这会将样式应用于具有 columns 类的元素下游任何位置的每个元素。

.columns *

这会将样式应用于具有列类的元素的每个直接后代元素。

.columns > *

您也可以将 * 替换为任何其他选择器,例如 p 以应用于列下方的所有 p 标签。

关于html - 列布局的内部填充?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26347271/

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