我无法让第一张图片居中。它在右侧延伸,但左侧似乎仍有那种填充。我将 Bootstrap 布局文件中的填充更改为 0,但无济于事。我错过了一些非常简单的东西吗?我认为容器流体允许使图像全宽。包括截图。
编辑:我正在使用带有 Bootstrap 的 ASP.net mvc。
@{
ViewBag.Title = "Digital Systems Malaysia";
}
<a id="Home"></a>
<div class="jumbotron">
<h1>Digital Systems Malaysia</h1>
</div>
<div class="container-fluid" style="width:100%; height: 100%; padding: 0 !important; margin: 0;";>
<img src="/Content/Images/background3.jpg";>
</div>
编辑重要
如果其他人遇到此问题,请注意这是因为 MVC 结构。 @RenderBody 部分包含在类 .body-content 的特殊 div 中
body-content 类会自动为您的整个页面留出边距,并且不能在页面本身中被覆盖。因此,如果您想删除边距,则必须编辑类或使用绝对定位来放置某些内容而不考虑 .body-content 边距。
最佳答案
尝试添加
text-align:center;
图片的父级div属性
关于jquery - 无法使我的图像居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46881373/