Question

我试图将一些图片移到桌子的左边，这对使用float: left;或pull-left来说不是问题。问题是每当我使用这些时，我都无法改变两者之间的距离。我认为这是因为这两个内部的div太小了，所以我试图找到一种方法来增加div的大小，这样我就可以调整边距和填充。我还希望将图片向下移动一些，由于float:left和<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>，这也无效。

这是HTML：

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

.wpTbOeffnungszeiten {
    margin: 5%;
}

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

这是我的CSS：

<script src="https://www.paypalobjects.com/eboxapps/js/5c/e55b8dad5c8ac1fc2d31f92f0dc3e810b7df96.js"></script>
<script src="https://www.paypalobjects.com/eboxapps/js/73/476f06e3db7705e4f9a56a016f80df1973fc84.js"></script>
<script src="https://www.paypalobjects.com/tagmgmt/bs.js" async="" defer=""></script>
<script src="//www.paypalobjects.com/js/site_catalyst/pp_jscode_080706.js"></script>

Answer 1

使用像EXTRA_OUTPUT这样的类我假设您正在将Bootstrap集成到您的项目中，但您的示例代码中不存在CSS。尽管如此，将.pull-left添加到您的.pull-right并为您的父<table>提供有效的width（其内联样式为<div>）解决问题。

检查拼写，同样的内联样式有display: inline-block

的拼写错误

增加div的大小

1 个答案: