布尔玛:如何在列表中对齐列表中的项目

问题描述 投票:0回答:1

使用Bulma CSS作为网站。使用列表项中的ul> li的类别列表。尝试获取列表项,例如图片1enter image description here

我的解决方案没有使桌面和移动设备的中心对齐,如图所示图片2enter image description here

      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">
	<div class="categories">
        <h3>category</h3>
        <div class="container is-centered is-widescreen">
            <div class="content" style="text-align: center;">
                <div class="columns is-desktop ">
                    <div class="column is-mobile ">
                        <h5 class="">category 1</h5>
                        <ul>
                            <li>Lorem, ipsum dolor</li>
                            <li> amet consectetur adipisicing elit</li>
                            <li>Iusto asperiores tempora</li>
                            <li>accusamus laudantium iure</li>
                            <li> Dignissimos ab </li>
                        </ul>
                    </div>
                    <div class="column is-mobile ">
                        <h5 class="">category 2</h5>
                        <ul>
                            <li>Lorem, ipsum dolor</li>
                            <li> amet consectetur adipisicing elit</li>
                            <li>Iusto asperiores tempora</li>
                            <li>accusamus laudantium iure</li>
                            <li> Dignissimos ab </li>
                        </ul>
                    </div>
                    <div class="column is-mobile ">
                        <h5 class="">category 3 </h5>
                        <ul>
                            <li>Lorem, ipsum dolor</li>
                            <li> amet consectetur adipisicing elit</li>
                            <li>Iusto asperiores tempora</li>
                            <li>accusamus laudantium iure</li>
                            <li> Dignissimos ab </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
html css flexbox bulma
1个回答
0
投票

您可以将css用于ul标签作为

style="display:inline-block"
最新问题
© www.soinside.com 2019 - 2025. All rights reserved.