瞭解下Foundation 表格
| 導讀 | Foundation 用於開發響應式的 HTML, CSS and JavaScript 框架。Foundation 是一個易用、強大而且靈活的框架,用於構建基於任何裝置上的 Web 應用。 |
Foundation 表格
Foundation 的
<table> 元素樣式為灰色斑馬條紋且包含四個邊框：
| Firstname | Lastname | City | Age | Country | |
|---|---|---|---|---|---|
| John | Doe | john@example.com | New York | 35 | USA |
| Mary | Moe | mary@example.com | Chicago | 51 | USA |
| July | Dooley | july@example.com | San Francisco | 38 | USA |
例項
< 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 >
原文來自：
來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69955379/viewspace-2910949/，如需轉載，請註明出處，否則將追究法律責任。
相關文章
- 瞭解下Foundation JoyrideIDE
- 瞭解下Foundation 按鈕
- 瞭解下Foundation 按鈕組
- 瞭解下Foundation 網格例項
- 瞭解下Foundation 均衡器(Equalizer)
- 瞭解下Foundation 網格系統
- 瞭解下Foundation 網格 – 大型裝置
- 瞭解下RSS 元素
- 瞭解下WSDL 埠
- 大致瞭解下websocketWeb
- Laravel bootstraper 瞭解下Laravelboot
- 瞭解下RDF 容器元素
- 瞭解下RDF 主要元素
- 瞭解下C# 變數C#變數
- 瞭解下SOAP HTTP 協議HTTP協議
- 瞭解下C# 介面（Interface）C#
- 瞭解下C# 事件（Event）C#事件
- 瞭解下C# 繼承C#繼承
- 瞭解下C# 類（Class）C#
- 瞭解下C# 字串（String）C#字串
- 瞭解下ECharts 配置語法Echarts
- 瞭解下C# 運算子C#
- 瞭解下C# 迴圈C#
- 瞭解下C# 判斷C#
- 深入瞭解下replace函式函式
- 瞭解下C# 陣列（Array）C#陣列
- 瞭解下C# 索引器（Indexer）C#索引Index
- 瞭解下C# 屬性（Property）C#
- 瞭解下C# 委託（Delegate）C#
- 瞭解下C# 程式結構C#
- 通俗易懂的Redux瞭解下Redux
- 瞭解下C# 運算子過載C#
- 瞭解下C# 型別轉換C#型別
- 瞭解下C# 資料型別C#資料型別
- 瞭解下C# 異常處理C#
- 瞭解下C# 正規表示式C#
- 瞭解下C# 多執行緒C#執行緒
- 瞭解下C# 結構體（Struct）C#結構體Struct