0

親コンテナをwidth：100％に設定し、その中のセクションがすべて等しいと想定されているが、パーセンテージが16.666667％のように奇数である場合、途切れることなく正しく表示されるようにするにはどうすればよいですか？小数点以下の桁数の制限は何ですか？

例：あなたは

<ul>
     <li>One
     <li>Two
     <li>Three
     <li>Four
     <li>Five
     <li>Six
</ul>

ulの幅は100％で、すべてのliは左に浮かんでいます。100を6で割ると、16.66666666667％になります。ボーダーが必要な場合-右：1px黒一色; これらをCSSでどのように考慮しますか？私はそれがすべて数学であることを理解できますが、パーセンテージから1pxを差し引くことはできません（私が想像できる限り、多分あなたはできるでしょう...）

では、これらのことをどのように行いますか？ありがとう！

4

1 に答える 1

0

ねえ、私はあなたがこれを望んでいると思いますあなたはあなたのuldisplay:tableを定義し、あなたのulliをdisplay:table-cell;このように定義することができます

Css

div{
width:500px;
    border:solid 1px red;
    margin:0 auto;

}

ul{
width:100%;
    background:green;
    display:table;

}

ul li{
display:table-cell;
    border-right:solid 1px white;
    padding:10px;
}
ul li:last-child{border:none;}
​

HTML

<div>
<ul>
    <li>One</li>
     <li>Two</li>
     <li>Three</li>
     <li>Four</li>
     <li>Five</li>
     <li>Six</li>
</ul>
</div>
​

ライブデモhttp://jsfiddle.net/rohitazad/gjutz/1/

于 2012-04-23T05:17:03.433 に答える