0

我正在使用一个<ul>包含三个项目 ( <li>) 的块来构建导航区域。

<ul>块没有固定的宽度。它适合它的父母。我需要所有<li>的 s 水平对齐，一个在里面彼此相邻。一共有三个<li>s。最后两个具有固定宽度。第一个应该尽可能多地占用空间。

我该如何构建这个？当我对 first 的宽度使用 100% 时<li>，它会占用所有空间。

谢谢！

4

3 回答 3

1

是的你可以。事实上，这很简单。你很好地回答了你自己的问题。

http://jsfiddle.net/UYW85/

HTML

<ul>
    <li>@Lorem ipsum dolor lorem ipsum dolor</li>
    <li class="n2">number 2</li>
    <li class="n3">number 3</li>    
<ul>

CSS

ul { width:100%; height:100px; }
ul > li { float:left; background-color:#AAA; }
.n2 { width:100px; background-color:#CCC;}
.n3 { width:100px; background-color:#CCC;}
于 2013-02-14T18:27:58.083 回答
0

对于您的确切问题，这可能有点矫枉过正，但只是作为一种资源-您检查过 jQuery Nested 吗？

http://suprb.com/apps/nested/

于 2013-02-14T18:33:43.860 回答
0

使用display: tableforUL和display: table-cellfor LI。

于 2013-02-14T18:54:15.947 回答