Question

这可以在LESS完成吗？

我有一个主容器，其宽度我不知道。宽度也可以变化，具体取决于浏览器窗口宽度等。

在该容器内，我希望有4个（或 n ）同样宽的子容器（span或div）。

不知道主容器的实际宽度，有没有办法在LESS中进行某种计算，这只是将主容器的宽度称为＆＃34;宽度＆＃34; （因为缺少更好的词），然后让我分开＆＃34;宽度＆＃34;进入4？

PS：如果我使用了任何令人困惑或不正确的术语，请随时更正或编辑我的问题。

Answer 1

我认为你是在思考它，你可以使用百分比来使用标准CSS。

HTML

<div class="container">
    <div class="quarter">Content 1</div>
    <div class="quarter">Content 2</div>
    <div class="quarter">Content 3</div>
    <div class="quarter">Content 4</div>
</div>

LESS / CSS

div.container {
    width: 100%;

    div.quarter {
        width: 25%;
        float: left;
    }
}

如果你想玩一点，你可以尝试float: left而不是display: inline-block。

JSFiddle example

LESS / CSS - 将未知宽度的容器分成四部分？

1 个答案: