jquery - 无法使我的图像居中

标签 jquery html css asp.net-mvc bootstrap-4

我无法让第一张图片居中。它在右侧延伸,但左侧似乎仍有那种填充。我将 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>

screenshot

编辑重要

如果其他人遇到此问题,请注意这是因为 MVC 结构。 @RenderBody 部分包含在类 .body-content 的特殊 div 中

body-content 类会自动为您的整个页面留出边距,并且不能在页面本身中被覆盖。因此,如果您想删除边距,则必须编辑类或使用绝对定位来放置某些内容而不考虑 .body-content 边距。

最佳答案

尝试添加

text-align:center;

图片的父级div属性

关于jquery - 无法使我的图像居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46881373/

相关文章:

javascript - 在 Angular JS 中访问 HTML Parent、Child、Sibling 元素

javascript - Uncaught ReferenceError : $ is not defined?

html - border curved css - 带 flex 端的圆

css - 使用 Flexbox 在 <table> 上模拟 "rowspan"

javascript - OOP javascript,从方法中的AJAX 'statement',如何调用该类的另一个方法?

jquery - CSS 中的响应式可滚动选项卡式导航

html - 如何从表格的列中删除悬停效果

javascript - 如何在iOS6中关闭选择器onchange事件的下拉菜单?

html - 缩小选择元素 handle

javascript - jquery 脚本 : z-index and setTimeout 的两个问题