0

問題があり、ググって解決しようとしましたが、できません。

私の問題は言うのはとても簡単です。コードは次のとおりです。

<html>
<head>
<style type="text/css">
.box_list li
{
    float: left;
    display: block;
    width: 49%;
}
</style>
</head>
<body>
<div>
    <ul class="box_list">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>
<div>USA</div>
</body>
</html>

私はこの出力が欲しい：

1    2
3
USA

残念ながら、私のコードの出力は次のとおりです。

1   2
3   USA

私を助けてください。ありがとうございました

4

3 に答える 3

0

私は2つの異なるリストを持っています。これが私がそれを行う方法です。

    <ul id="list1"><li>1</li><li>3</li><li>USA</li></ul><ul id="list2"><li>2</li></ul>

次にCSSです。

    #list1{ float:left; list-style-type:none; } #list2{ float:left; list-style-type:none; }
于 2013-08-06T22:00:48.817 に答える
0

これを試して

css 追加:

.clear{
  clear:both;
  display:block;
}

html 追加:

<li>2</li><br/>

と

<div class="clear">USA</div>
于 2013-08-06T21:57:52.470 に答える