了解下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
<
/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
>
原文来自:
http://blog.itpub.net/69955379/viewspace-2910949/
页:
[1]