首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > 网页设计 >

二级菜单横向怎么改为纵向

2012-05-24 
二级菜单横向如何改为纵向如图下面代码怎么换就成纵向div idm_child3 classchildmenu childull

二级菜单横向如何改为纵向


如图
下面代码怎么换就成纵向
 <div id="m_child3" class="childmenu child">
<ul>
<li class="first"><a href="xyxw_list.html" target="_blank">学院新闻</a></li>
<li><a href="btxw_list.html" target="_blank">标题新闻</a></li>
<li><a href="tzgg_list.html" target="_blank">通知公告</a></li>
<li><a href="xsdt_list.html" target="_blank">学术动态</a></li>
<li><a href="zbxx_list.html" target="_blank">招标信息</a></li>
</ul>
</div>

[解决办法]
ul里的li样式设置float:left;width:70px;就会出现横向布局
当设置display:inline;时布局就会纵向布局

热点排行