0

私がやろうとしていることはとてもシンプルですが、私の脳は今日機能することを拒否しています!

<div id="outer">
    <div class="inner">TEXT 1</div>
    <div class="inner">TEXT 2</div>
    <div class="inner">TEXT 3</div>
</div>

次のように視覚的に表示されます。

|---------------------------------------------------|
|    TEXT 1          TEXT 2            TEXT 3       |
|---------------------------------------------------|

.outer は 100% の幅で、各テキスト要素は等間隔で配置されています。ps。これが簡単な場合は、内部要素にスパンを使用できます。

4

2 に答える 2

0

このcssを適用するだけです

#outer{
   width:100%;
   display:inline-block;
   border:1px solid #CCC;
}
.inner{
    float:left;
    width:29%;
    text-align:Center;
    border:1px solid green;
}

このフィドルを参照してください

また、個々の内部 div の幅の合計は、外部の合計幅よりも小さくなければならないことに注意してください。

于 2013-03-24T15:49:01.030 に答える
0 
#outer {
    display: inline-block;
    width: 100%;
}
.inner {
    float: left;
    width: 30%;
    margin: 5px;
    background-color: red;
}

一部のプロパティは明らかに、この fiddleで明確にマークする必要があります。

于 2013-03-24T15:49:34.580 に答える