Question

我有一些嵌套的div并且我想要粘在一起＆＃39; div的文本似乎只是一个句子。这是我的代码（http://jsfiddle.net/gorwmgj1/）：

<div class="content">
    <div class="field-name-field-plaats">
        <div class="field-items">
            <div class="field-item even">This is some random text.</div>
        </div>
    </div>
    <div class="field-name-field-aantal">
        <div class="field-items">
            <div class="field-item even">10</div>
        </div>
    </div>
</div>

.content {
    width: 100px;
    background-color: #ccc;
    padding: 5px;
}
.field-name-field-plaats::before {
    content:"@ ";
}
.field-name-field-plaats {
    display: inline;
}
.field-name-field-aantal::before {
    content:" (";
}
.field-name-field-aantal::after {
    content:"x)";
}
.field-name-field-aantal {
    display: inline;
}
.field-items {
    display: inline-block;
}

因此，例如，输出应该类似于

@这是

一些随机的

文本。（10X）

而不是

@

这是一些

随机文字。

（10×）

如何更改CSS以实现此目的？

Answer 1

简单地添加：

div{
    display: inline;
}

Answer 2

不太确定html是明智的结构，但只是将你的div变成内联boxe：

.field-name-field-plaats div {
    display:inline;
}

http://jsfiddle.net/gorwmgj1/1/

如何将多个div的文本粘合在一起？

2 个答案: