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