CSS中子菜单的自定义宽度

Question

我只能为"<li>"内的"<ul>"设置均匀宽度。如何根据其内容按比例分配？ 我只能使用以px表示的固定大小或作为百分比来设置宽度。

感谢

Answer 1

您可以使用display:table / table-cell

JSfiddle Demo

CSS

ul {
    margin: 0;
    padding: 0;

    list-style: none;
    display: table;
    width:100%;
    text-align: center;
}

li {
    display: table-cell;
    border:1px solid grey;    
}