Question

我创建了一个具有以下结构的fielset

<fieldset>
  <legend>
    <span class="a">test</span><span class="b">test2</span><span class="c">test3</span>
     <div id="options">
        <div></div>
        <div></div>
     </div>
  </legend>
</fieldset>

我想在带有span的同一行显示id为“options”的div。我的传奇CSS代码是：

>legend {
        line-height: 52px;
        width:100%;
        font-size: 16px;
        font-weight: bold;
    div#options {
       display:inline;
    }
 }

然而，我的div不是作为跨度的线。你能帮帮我吗？

我使用lessPHP来获取CSS。

Answer 1

您还需要将子选项的div定义为内联。

div#options div {
    display:inline;
}

FIDDLE：https://jsfiddle.net/lmgonzalves/oLo1dm2s/

Answer 2

您可以使用此规则通过id="#options"

定义内部div的显示属性

#options > div {
    display:inline;
}

在fieldset的图例中显示行div

2 个答案: