飞奔的炮台 发表于 2022-8-18 18:07:48

了解下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
>
原文来自:



http://blog.itpub.net/69955379/viewspace-2910949/
页: [1]
查看完整版本: 了解下Foundation 表格