我正在尝试制作一个布局,其中我有 2 个父图块,一个是水平的,占 8 列,另一个是垂直的,占 4 列。我现在想做的是在父水平瓦片中放置子框,在该父瓦片内各取 50% 的宽度。这就是我的代码的样子:
<div class="container">
<div class="tile is-ancestor">
<div class="tile is-parent is-8">
<div v-for="article of latestNews" >
<div class="tile is-child box">
<div class="post-wrapper">
<span class="tag is-info">{{ article.tag }}</span>
<h4 class="title is-4">{{ article.title }}</h4>
<p>{{ main ? article.excerpt : article.created_at.date.substring(0, 10) }}</p>
</div>
</div>
</div>
</div>
<div class="tile is-vertical is-4">
<div v-for="article of mostReadNews" >
<media-object :article="article" :main="true"></media-object>
</div>
</div>
</div>
</div>
现在,它看起来像这样:
我尝试添加到子框 is-6 类,但没有奏效,我该怎么办?