css - 我可以设置这些 div 的样式，以便它们在末尾带有一个 break 内联吗

Question

我希望显示器是这样的。

Div1 Div2
Div3 Div4

html是这样的：

<div class="class1">Div1</div> <div class="class2">Div2</div>
<div class="class1">Div3</div> <div class="class2">Div4</div>

样式表是这样的：

.class1
{
    font-weight:bold;
    font-size:9pt;
    display:inline-block;
}

.class2
{
    font-weight:normal;
    font-size:9pt;
    display:inline;   
}

使用纯 CSS，我希望能够像我上面提到的那样安排布局。

是否可以在不将 class1 和 class2 包装在容器 div 中的情况下使用 CSS 执行此操作？

Answer 1

http://jsfiddle.net/pxpvw/1

.class1 {
    float: left;
    clear: left;
}

.class2 {
    float: left;  
}

Answer 2

加入float:left_.class1

.class1
{
    font-weight:bold;
    font-size:9pt;
    display:inline-block;
    float:left;
}

你会得到你想要的结果。

Answer 3

Float:left 用于所有这些，而不是添加一个 margin-right 值，以便 .class3 元素进入。