杏耀娱乐

杏耀娱乐欢迎您!!
当前位置:杏耀娱乐 > 杏耀娱乐平台 > 正文

简单的把Table转成Div

先看看xhtml的结构:


  1. <div class="equal">  
  2. <div class="row">  
  3. <div class="one">div>  
  4. <div class="two">div>  
  5. <div class="three">div>  
  6. div>  
  7. div>  

下来是css:


  1. .equal { 
  2. display:table; 
  3. border-collapse:separate; 
  4. .row { 
  5. display:table-row; 
  6. .row div { 
  7. display:table-cell; 
  8. .row .one { 
  9. width:200px; 
  10. .row .two { 
  11. width:200px; 
  12. .row .three { 
  13.  

1.dispaly:table;让层.equal作为块级元素的表格table显现,也就是将他作为一个表格

3.display:table-row;将.row作为表格行tr显现

5.然后界说宽度

 

<p font-size:16px;"="" style="overflow-wrap: break-word; margin: 5px 0px; font-family: &quot;sans serif&quot;, tahoma, verdana, helvetica; text-indent: 30px; color: rgb(85, 85, 85);">这儿还运用了 border-spacing:10px;来差异几个盒子,正如上面所陈述的,IE下不能正常显现,可是在:Mozilla 1.6, Opera 7.50, Safari 1.2.2, Firefox 0.8, OmniWeb 5b, Camino 0.8b, and Netscape 7.1经过测验均可以完美显现.

版权保护: 本文由 杏耀娱乐 原创,转载请保留链接: http://www.seambiotic.com/xyylpt/10.html

博客主人xingyao
杏耀娱乐平台有你更精彩。
  • 文章总数
  • 1398访问次数
  • 建站天数
  • 标签

    友情链接