Heim >Web-Frontend >HTML-Tutorial >div 块状居中显示_html/css_WEB-ITnose
div 块状居中显示_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:59:261166Durchsuche
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
代码如上，我要的功能 八个小块居中显示 初始每行4个 窗口缩小变大 当中的小块也要居中 小块大小固定180*180 css调试了很久 愣是没调出来。。。。
回复讨论(解决方案)
木有人啊？？？？？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <style type="text/css"> #divbg { width: 98%; margin-left: auto; margin-right: auto; } #divbg li { float: left; background: rgb(231,231,231); width: 180px; height: 180px; font-size: 20px; list-style-type: none; cursor: hand; line-height: 40px; text-align: center; cursor: pointer; margin-bottom: 2%; margin-top: 4%; margin-left: 5.5%; margin-right: 5.5%; } #box { margin:0 0 0 0; position: absolute; } </style></head><body> <form id="form1" runat="server"> <script src="libraryjs/mainnews.js" type="text/javascript"></script> <div id="box"> <div id="P_1" style="overflow: hidden;"> <ul id="divbg"> <li> <div> <a class="a">旅游</a><br /> <a href="OrderZX.aspx">待审订单（<font color="red"><%= lvyou%></font>个）</a><br /> <a href="TeamList.aspx">待审团队（<font color="red"><%= tuandui%></font>个）</a><br /> <a href="LineSearch.aspx">产品预订</a></div> </li> <li> <div> <a>签证</a><br /> <a href="QianZhenOrder.aspx?TY=sd">待审订单（<font color="red"><%= qianzheng%></font>个）</a><br /> <a href="QZOrderList.aspx">产品预订</a></div> </li> <li> <div> <a>订房</a><br /> <a href="#">待审订单（<font color="red"><%= dingfan%></font>个）</a><br /> <a href="#">产品预订</a></div> </li> <li> <div> <a>门票</a><br /> <a href="SpotOrder.aspx?TY=sd">待审订单（<font color="red"><%= menpiao%></font>个）</a><br /> <a href="SpotCPList.aspx">产品预订</a></div> </li> <li> <div> <a>租车</a><br /> <a href="CarOrder.aspx?TY=sd">待审订单（<font color="red"><%= zuche%></font>个）</a><br /> <a href="CarSearch.aspx">产品预订</a></div> </li> <li> <div> <a>公文</a><br /> <a href="GongWenManger.aspx?TY=gg&tabs=sysb">待阅公文（<font color="red"><%= gongwen%></font>个）</a><br /> <span id="spanadd" style="display: none"><a href="javascript:void(0)" target="_self">发布公文</a></span> </div> </li> <li> <div> <a>留言</a><br /> <a href="GongWenManger.aspx?TY=gg&tabs=sdly">待复留言（<font color="red"><%= liuyan%></font>个）</a><br /> <a href="javascript:void(0)" target="_self">发布留言</a></div> </li> <li> <div> <a>财务</a><br /> <a href="CWCDayList.aspx">待审财务（<font color="red"><%= caiwu%></font>个）</a><br /> <span id="sw" style="display: none"><a href="javascript:void(0)" target="_self">新增报账</a></span></div> </li> </ul> </div> </div> </form></body></html>你不觉得这样好看些吗 赞版主 楼上正解
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：怎么把显示的时间放在左边？_html/css_WEB-ITnoseNächster Artikel：Pattern Lab