css - 显示块中的元素正确

Question

大家好！我想问我应该如何在块中显示 p 元素

我有代码：jsFiddle，我不知道为什么即使在子块底部之后 HTML 也会显示它？它应该靠近其他元素向左移动，但它会继续移动到脚。如何解决？

对不起我的英语不好，但我希望你能理解并帮助我。

• 红色边框仅用于调试。

Answer 1

你在考虑内联块吗？display block 已经是 p 标签默认做的了。

Answer 2

我不知道我的问题是否正确，如果您想将所有标签放在一行中，请尝试此演示

  div#content div.layout a{
   display: block;
   width: 50px;
   height: 50px;
   border: 1px solid red;
   float:left;
  }

Answer 3

尝试同时使用列和内联块：

http://jsfiddle.net/qZnBE/13

div#content {
    background: rgba(0, 0, 0, 0.47);
    width: 400px;
    height: 200px;
    margin: 0 auto;
}
div#content div.layout {
    columns:5px 4;
    -webkit-columns:5px 4;
    /* Safari and Chrome */
    -moz-columns:5px 4;
    /* Firefox */
    width: 390px;
    height: 190px;
    margin: 0 auto;
    border: 1px solid red;
    float: left;
}
div#content div.layout p {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid red;
    margin: 0;
}

<div id="content">
    <div class="layout">
        <p>one</p>
        <p>two</p>
        <p>three</p>
        <p>four</p>
        <p>five</p>
    </div>
</div>

请注意，IE < 10 不支持 CSS 列。http://caniuse.com/multicolumn