gpt4 book ai didi

html - 使用 CSS 或 HTML 如何消除网站的边距?

转载 作者:行者123 更新时间:2023-11-28 01:09:24 25 4
gpt4 key购买 nike

我正在构建我个人网站的元素部分。

它看起来是这样的:

Website

我正试图摆脱左边距,以便我的图像可以从左边距开始。

这是我当前的代码:

    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<div class="row-lg-4">
<div class="hovereffect">
<img class="img-responsive" src="../Projects/img/cyberSecurity.jpg" height = "600vh" width = "100vw" alt="">
<div class="overlay">
<h2>Effect 12</h2>
<p>
<a href="#">LINK HERE</a>
</p>
</div>
</div>
</div>
</div>

我试过内联 CSS

<body style="margin:0; padding:0;">

它不起作用。

我也试过:

* {
margin: 0;
padding: 0;

在我的 CSS 文件中。但是,这也不起作用。

任何形式的帮助将不胜感激 :D

祝你有美好的一天。

最佳答案

要删除 Bootstrap 中的填充/边距,请执行以下操作。

no-padding 类添加到 padding: 0px; 用于 Bootstrap 列,将 no-marginLR 类添加到 margin-left: 0;margin-right:0; 用于 Bootstrap 行。

此处以no-paddingno-marginLR为例。

<div class="container">
<div class="row no-marginLR">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding">
...your code
</div>
</div>

关于html - 使用 CSS 或 HTML 如何消除网站的边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52190029/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com