增加div的大小

我試圖將一些圖片移動到表格的左側，使用class="pull-left"或float: left;時這不會成爲問題。問題是，無論何時使用這些，我都無法改變兩者之間的距離。我想這是因爲這兩個裏面的div太小，所以我試圖找到一種方法來增加div的大小，所以我可以調整邊距和填充。我還想將圖片向下移動一點，因爲pull-left和float:left也不起作用。增加div的大小

這裏的HTML：

<div style="marging: 5%; display:inline-block;"> 
     <img class="pull-left" src="some picture" alt="Öffnungszeiten"> 

     <table class="wpTbOeffnungszeiten"> 
      <tr><th colspan="2">Headline</th></tr> 
      <tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr> 
      <tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr><tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr><tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr><tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr><tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr> 

      <tr><th colspan="2">Headline</th></tr> 
      <tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr> 
      <tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr> 
      <tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr> 
     </table> 
    </div> 
</div>

這裏是我的CSS：

background-image: url("some image"); 

.wpTbOeffnungszeiten { 
    margin: 5%; 
} 

th { 
    color: $red; 
    font-weight: bold; 
}

來源

2016-07-06 Thommy.M

設定高度錯字是汽車 – Developer

有了這樣.pull-left一類我假設你要集成自舉到你的項目，但CSS是不存在的你的示例代碼。儘管如此運行，但將.pull-right添加到您的<table>併爲您的父母<div>（其內聯樣式爲display: inline-block）提供有效的width應解決此問題。

檢查您的拼寫，以及，同樣的內嵌樣式對你margin

來源

2016-07-06 13:12:57

增加div的大小

回答

相關問題