了解下Foundation 表格

飞奔的炮台

导读Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。Foundation 表格Foundation 的 <table> 元素样式为灰色斑马条纹且包含四个边框：
FirstnameLastnameEmailCityAgeCountryJohnDoejohn@example.comNew York35USAMaryMoemary@example.comChicago51USAJulyDooleyjuly@example.comSan Francisco38USA实例

<
table
>
  
<
thead
>
  
<
tr
>
<
th
>Firstname
<
/th
>
    
<
th
>Lastname
<
/th
> 
<
th
>Email
<
/th
>
  
<
/tr
>
  
<
/thead
>
  
<
tbody
>
<
tr
>
    
<
td
>John
<
/td
>
<
td
>Doe
<
/td
>
    
<
td
>john@example.com
<
/td
>
<
/tr
>
  
<
tr
>
<
td
>Mary
<
/td
>
    
<
td
>Moe
<
/td
>
<
td
>mary@example.com
<
/td
>
  
<
/tr
>
<
tr
>
    
<
td
>July
<
/td
>
<
td
>Dooley
<
/td
>
    
<
td
>july@example.com
<
/td
>
<
/tr
>
  
<
/tbody
>

<
/table
>

响应式表格使用 CSS 让表格支持响应式设计：在表格外添加 <div> 元素，样式为 overflow-x:hidden:
实例

<
div 
style=
"overflow-x:hidden"
>
  
<
table
>
...
  
<
/table
>

<
/div
>

原文来自：