网格布局未居中图像W3libary和Bootstrap-4

时间:2019-03-05 09:29:15

标签: html css bootstrap-4

我使用引导程序4和https://www.w3schools.com/w3css/

http://prntscr.com/mtft5t它不在图像中间居中到目前为止,我从引导程序尝试过的float-left float-right float-none也使用了w3schools库中的w3-center,但是它并没有居中图像,当我添加{{ 1}}忽略它并更改图像所在位置或div的位置?您如何将图像居中放置在网格中?

网格:

margin-right

3 个答案:

答案 0 :(得分:0)

您可以在父<center> </ center>标记之前添加<div>标记

<html>
<body>
<center>
  <div>
  ...
  </div>
</center>
</body>
</html>

答案 1 :(得分:0)

<div class="w3-third w3-center">必须为<div class="w3-center">,它在网格中创建了一个网格,因此它将所有内容推到左侧,并在右侧留出了一些空白,这就是图像未居中的原因。

答案 2 :(得分:-1)

只需将'text-center'类添加到.col div     例如:
     <div class='row'> <div class='col text-center'></div> </div>     注意:     *这里的text-center是bootstrap类。