0

固定幅の div 内にたくさんのスパンがあります。スパンが設計どおりにインラインで流れるようにしたいと思います。ただし、左揃えではなく、各行の中央に配置したいと思います。cssを使用してこれを達成するにはどうすればよいですか?

<div>
         <span>text1</span>
         <span>text2</span>
         <span>text3</span>
         <span>text4</span>
         <span>text5</span>
         <span>text6</span>
         <span>text7</span>
         <span>text8</span>
         <span>text9</span>
         <span>text10</span>
</div>
4

2 に答える 2

4

text-align: centerdiv に設定するだけ<div class="dummy">です。このようなもの...

.dummy {
    width: 500px;
    text-align: center;
}

jsFiddle デモ

これがあなたが求めているものであることを願っています。

于 2013-07-08T02:19:16.667 に答える
0

スパンを含む div の幅を設定し、次のようにします。

span {
        width: 100%;
        text-align: center;
        float: left;
        clear: both;
    }
于 2013-07-08T02:15:09.957 に答える