Css 如何在Bulma中垂直居中媒体对象?
下表给出了以下示例:Css 如何在Bulma中垂直居中媒体对象?,css,flexbox,bulma,Css,Flexbox,Bulma,下表给出了以下示例: 您提到的链接已经有这样的注释:您需要为您的解决方案使用自定义类。@m4n0谢谢,但这是关于列的,我正在询问有关媒体对象的问题。另外,布尔马在过去三年里发生了很大的变化,所以我想知道在这期间是否增加了更好的方法。 <article class="media"> <figure class="media-left"> <p class="image is-64x64"&g
您提到的链接已经有这样的注释:您需要为您的解决方案使用自定义类。@m4n0谢谢,但这是关于列的,我正在询问有关媒体对象的问题。另外,布尔马在过去三年里发生了很大的变化,所以我想知道在这期间是否增加了更好的方法。
<article class="media">
<figure class="media-left">
<p class="image is-64x64">
<img src="https://bulma.io/images/placeholders/128x128.png">
</p>
</figure>
<div class="media-content">
<div class="content">
<p>
<strong>John Smith</strong> <small>@johnsmith</small> <small>31m</small>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
</p>
</div>
<nav class="level is-mobile">
<div class="level-left">
<a class="level-item">
<span class="icon is-small"><i class="fas fa-reply"></i></span>
</a>
<a class="level-item">
<span class="icon is-small"><i class="fas fa-retweet"></i></span>
</a>
<a class="level-item">
<span class="icon is-small"><i class="fas fa-heart"></i></span>
</a>
</div>
</nav>
</div>
<div class="media-right">
<button class="delete"></button>
</div>
</article>