使用CSS或HTML如何消除網站的利潤？

Question

我正在建立我的個人網站的項目部分。

看起來是這樣的：

我試圖擺脫左邊距，以便我的圖像可以從左邊距開始。

這是我當前的代碼：

    <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

祝你有美好的一天。

Answer 1

要刪除引導程序中的填充/邊距，請執行以下操作。

將no-padding類添加到padding: 0px; 對於引導程序列和no-marginLR類， margin-left:0; 和margin-right:0; 用於引導行。

這里，以no-padding和no-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>

Answer 2

如果您希望多列邊緣.row ，可以在.row上使用.no-gutters .row ，並確保它不嵌套在.container 。

<div class="row no-gutters">
    <div class="col-12 col-sm-6 col-md-8">.col-12 .col-sm-6 .col-md-8</div>
    <div class="col-6 col-md-4">.col-6 .col-md-4</div>
</div>

Answer 3

為了不做任何“強制”操作即可完成某些工作。

您需要將所有這些都包裝在div一行中（div class =“ row”），因為一列必須在這樣的行中：

<div class="row">
    <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>  
</div>

確保" <div class="hovereffect">"在CSS文件中沒有添加任何種類的間隔屬性。

默認情況下，此行的填充為15px，因此可以通過添加類“ px-0”來擺脫此填充。 （如果它在一行內，則無需執行此操作）。

  <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">

作為最后的資源（如果這些方法對您有用）（它們應該起作用，因為那就是網格系統的工作原理），您可以創建自己的not padding類，如下所示：

.nospacing {
   padding: 0 !important;
   margin: 0 !important;
}

然后，您可以將其添加到任何HTML標記中。

使用CSS或HTML如何消除網站的利潤？

問題描述

3 個解決方案

解決方案1
0 2018-09-05 19:46:23

解決方案2
0 2018-09-05 20:45:52

解決方案3
0 2018-09-06 13:12:57

使用CSS或HTML如何消除網站的利潤？

問題描述

3 個解決方案

解決方案1 0 2018-09-05 19:46:23

解決方案2 0 2018-09-05 20:45:52

解決方案3 0 2018-09-06 13:12:57

解決方案1
0 2018-09-05 19:46:23

解決方案2
0 2018-09-05 20:45:52

解決方案3
0 2018-09-06 13:12:57