uss li的css fixed width tab emelents

时间:2015-10-10 13:18:39

标签: css

我是css的新手,我刚刚遇到了问题。我有一些ul和li的标签,这些标签的数量各不相同,我希望它们都具有相同的宽度,但我不想自己给它,我希望css设置相同大小的宽度和传播他们。我怎么能这样做?

 $html[] = '<ul style=" background-color:#CCEEED"; class="nav nav-tabs" id="set-nn_tabs-' . $items['0']->set . '">';
    foreach ($items as $item)
    {
        $html[] = '<li style="width: 25%; text-align:center"    class="' . trim('nn_tabs-tab ' . ($item->active ? 'active' : '') . ' ' . trim($item->class)) . '">';

        if ($item->haslink)
        {
            $html[] = $item->title_full;
            $html[] = '</li>';
            continue;
        }

1 个答案:

答案 0 :(得分:0)

您应该将100除以数组的大小(制表符的数量),并将其用作每个&#34; li&#34;的宽度。

$width = 100 / count($items);
//now use $width in your style attribute.