<div class="columns">
  <div class="column">
    <p>这是第一列的内容。</p>
    <p>内容较短。</p>
  </div>
  <div class="column">
    <p>这是第二列的内容。</p>
    <p>内容比较长，会撑高整个行。</p>
    <p>多几段文字来测试高度是否一致。</p>
    <p>是的，它们会保持等高。</p>
  </div>
  <div class="column">
    <p>第三列，即使内容少，也会和最高的一列一样高。</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/9221">
                            <img src="https://img.php.cn/upload/webcode/000/000/004/175836240640976.jpg" alt="GNCMS可视化拖拽公司网站模板1.0.0">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/9221">GNCMS可视化拖拽公司网站模板1.0.0</a>
                            <p>高端网络建设公司设计类网站模板 IT互联网移动建站类网站源码(带手机版数据同步)本套模板采用现在非常流行的全屏自适应布局设计，且栏目列表以简洁，非常时尚大气。后台支持可视拖拽编辑。 模板特点：1、手工书写DIV+CSS、代码精简无冗余。2、自适应结构，全球先进技术，高端视觉体验。3、SEO框架布局，栏目及文章页均可独立设置标题/关键词/描述。4、后台直接修改联系方式、传真、邮箱、地址等，修改更加方</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="GNCMS可视化拖拽公司网站模板1.0.0">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/9221" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="GNCMS可视化拖拽公司网站模板1.0.0">
                        </a>
                    </div>
                
  </div>
</div>

<div class="columns">
  <div class="column is-one-quarter">
    <p>侧边栏</p>
  </div>
  <div class="column">
    <p>主内容区，更宽，且高度与侧边栏一致。</p>
  </div>
</div>

<div class="columns is-gapless">
  <div class="column">没有间距的列</div>
  <div class="column">高度依然相等</div>
</div>