黄金脆皮薯条 2021-01-22 20:55 采纳率: 100%
浏览 23
已采纳

如何将这个CSS样式居中

源代码

<!--Grid Row-->
<div class="row-grid hidden-md-down">
    <div class="container container-full">
        <div class="row">
            <div class="grid col-md-4 pink">
                <h2>Design Quality</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
                <br/>
                <a href="#">Find Out More →</a>
            </div>
            <div class="grid col-md-4 purple">
                <h2>Design Quality</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
                <br/>
                <a href="#">Find Out More →</a>
            </div>
            <div class="grid col-md-4 image01">
                <h2>原神&nbsp;</h2>
                <p>《原神》是由上海米哈游制作发行的一款开放世界冒险游戏</p>
                <br/>
            <a href="https://ys.mihoyo.com/?from_channel=adbdpz#/">查看更多 →</a> </div>
            <div class="grid col-md-4 light-purple">
                <h2>Design Quality</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
                <br/>
                <a href="#">Find Out More →</a>
            </div>
        </div>
        <div class="row">
            <div class="grid col-md-8 image02">
                <h2>Minecraft&nbsp;</h2>
                <p>我的世界是一款沙盒建造游戏,于2009年5月17日发行。其灵感来自《无尽矿工》等游戏,由瑞典游戏设计师马库斯·阿列克谢·泊松开创,现由Mojang Studios维护,是Xbox工作室的一部分。</p>
                <br/>
            <a href="https://www.minecraft.net/zh-hans/">查看详情 →</a> </div>
            <div class="grid col-md-4 green">
                <h2>Design Quality</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
                <br/>
                <a href="#">Find Out More →</a>
            </div>
            <div class="grid col-md-4 image01">
                <h2>Design Quality</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
                <br/>
                <a href="#">Find Out More →</a>
            </div>
        </div>
    </div>
</div>
 

  • 写回答

2条回答 默认 最新

  • 我爱吃西瓜喵 2021-01-25 10:48
    关注

    <style>

      .row-grid {

        text-align;center

      }

    </style>

    上面打错了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥30 STM32 INMP441无法读取数据
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上,请大家贡献智慧
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。
  • ¥15 各位 帮我看看如何写代码,打出来的图形要和如下图呈现的一样,急
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error
  • ¥15 VS2022+WDK驱动开发环境