不显示有序或无序列表的数字/项目符号

时间:2012-03-14 20:27:19

标签: css

全部, 我正在使用以下代码在ol中生成一些li项目。

$output = '<div id="menu_options">';
$output .= '<ol class="tabs">';
foreach($menu_items as $menu){
    $output .= '<li><a href="'.$menu->ID.'" class="menu_page_id">'.$menu->title.'</a></li>';
}
$output .= '</ol>';
$output .= '</div>';
$output .= '<div id="menu_content">This is content</div>';

这很好但是我想摆脱1.,2。等。是否有办法删除这些并且不显示通常会出现的任何内容?

2 个答案:

答案 0 :(得分:60)

是的,在list-style-type:none上使用ol的样式属性,可以内联为style属性,也可以在.tabs类下的样式表中使用。

请参阅http://www.w3.org/TR/CSS21/generate.html#lists

答案 1 :(得分:1)

如果您不想在订单列表中显示数字,请使用此CSS代码。为className =“ disp”编写代码。disp{list-style-type:none;}该代码将不会显示任何数字 ` `

  1. Apple
  2. `
  3. 芒果
  4. ` `
  5. 橙色
  6. ` `
` `