排队左浮动Div看起来像一张桌子

时间:2014-10-17 17:28:26

标签: html

我正在尝试排列这些div,但它似乎无法正常工作。

网址是 - http://www.minvera.com/hosting-price-sheet

我需要所有div排队,因为它应该类似于一个表,但我讨厌表。

有什么建议吗?

2 个答案:

答案 0 :(得分:0)

你的div由一个段落

分隔,并且包含一个使得换行符。在段落之后总是有一个换行符,所以你必须使用填充和边距去除它。

希望得到这个帮助。

你也可以使用display:inline-block;在每个div上并排放置它们(没有浮动的工作)。

答案 1 :(得分:0)

表是一个表,如果你想创建一个表,你应该实际制作一个表:-)表本身并不坏。因为你不喜欢桌子而忽略一张桌子是错误的。另一方面,您使用的是<br>,应该避免使用。

无论如何:如果您在行之间打开代码,则会有一些<p>,而在某些链接之间有<br>的内容则没有文字。

删除<br>,您的表格看起来正确无误。那些<p>实际上超过了容器的整个宽度,因此随后推下了下面的div。也许他们来自一些HTML编辑器?如果您需要分隔行中的链接,请将它们display:block

我很难理解为什么你需要这种方式,因为我会以不同的方式放置我的div。