Question

嘿伙计们！我想问一下我应该如何在块

中显示p元素

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

抱歉我的英语不好，但我希望你明白并且可以帮助我。

红色边框仅用于调试。

Answer 1

你在考虑内联阻止吗？显示块已经是p标签默认执行的操作。

Answer 2

我不知道我的问题是否正确，如果您尝试将所有标记放在一行中，请尝试demo

  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＆lt; 10不支持CSS列。 http://caniuse.com/multicolumn

正确显示块中的<p>元素</p>

3 个答案: