Rumah >hujung hadapan web >html tutorial >div 块状居中显示_html/css_WEB-ITnose
div 块状居中显示_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 11:59:261164semak imbas
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>你不觉得这样好看些吗 赞版主 楼上正解
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：怎么把显示的时间放在左边？_html/css_WEB-ITnoseArtikel seterusnya：Pattern Lab