|
|
DIV+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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>div+css---自动换行</title></head><body><style>.divall{width:90px;float:left;padding-left:10px !important;padding-left:10px;padding-right:10px !important;padding-right:10px;cursor:pointer;border:0px solid #cccccc;}.divtitle{height:20px;line-height: 20px;margin-bottom:10px;}.divtitle1{width:99%;text-align:center;}.divcontent{height:85px;width:100%;}</style><div style="width:330px; height:235px; border:1px solid #cccccc;"><div class="divall"><div class="divcontent"><div class="icon_item" ><img src="http://www.iteye.com/images/user-logo.gif?1308833137" alt="iteye" width="85" height="85" border="0"/> </div></div><div class="divtitle"><div class="divtitle1"><a href="javascript:void(0)" title="iteye">iteye</a></div></div></div><div class="divall"><div class="divcontent"><div class="icon_item" ><img src="http://www.iteye.com/images/user-logo.gif?1308833137" alt="iteye" width="85" height="85" border="0"/> </div></div><div class="divtitle"><div class="divtitle1"><a href="javascript:void(0)" title="iteye">iteye</a></div></div></div><div class="divall"><div class="divcontent"><div class="icon_item" ><img src="http://www.iteye.com/images/user-logo.gif?1308833137" alt="iteye" width="85" height="85" border="0"/> </div></div><div class="divtitle"><div class="divtitle1"><a href="javascript:void(0)" title="iteye">iteye</a></div></div></div><div class="divall"><div class="divcontent"><div class="icon_item" ><img src="http://www.iteye.com/images/user-logo.gif?1308833137" alt="iteye" width="85" height="85" border="0"/> </div></div><div class="divtitle"><div class="divtitle1"><a href="javascript:void(0)" title="iteye">iteye</a></div></div></div><div class="divall"><div class="divcontent"><div class="icon_item" ><img src="http://www.iteye.com/images/user-logo.gif?1308833137" alt="iteye" width="85" height="85" border="0"/> </div></div><div class="divtitle"><div class="divtitle1"><a href="javascript:void(0)" title="iteye">iteye</a></div></div></div><div class="divall"><div class="divcontent"><div class="icon_item" ><img src="http://www.iteye.com/images/user-logo.gif?1308833137" alt="iteye" width="85" height="85" border="0"/> </div></div><div class="divtitle"><div class="divtitle1"><a href="javascript:void(0)" title="iteye">iteye</a></div></div></div></div></body></html> |
|
京ICP备14020293号-2
本网站内容均收集于互联网，如有问题请联系QQ:389897944予以删除
窥视卡
雷达卡
楼主
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡