Foundation 表格
Foundation 的
<table>
元素样式为灰色斑马条纹且包含四个边框:
实例
<
table
>
< thead >
< tr >
< th > Firstname < /th >
< th > Lastname < /th >
< th > Email < /th >
< /tr >
< /thead >
< tbody >
< tr >
< td > John < /td >
< td > Doe < /td >
< td > [email protected] < /td >
< /tr >
< tr >
< td > Mary < /td >
< td > Moe < /td >
< td > [email protected] < /td >
< /tr >
< tr >
< td > July < /td >
< td > Dooley < /td >
< td > [email protected] < /td >
< /tr >
< /tbody >
< /table >
< thead >
< tr >
< th > Firstname < /th >
< th > Lastname < /th >
< th > Email < /th >
< /tr >
< /thead >
< tbody >
< tr >
< td > John < /td >
< td > Doe < /td >
< td > [email protected] < /td >
< /tr >
< tr >
< td > Mary < /td >
< td > Moe < /td >
< td > [email protected] < /td >
< /tr >
< tr >
< td > July < /td >
< td > Dooley < /td >
< td > [email protected] < /td >
< /tr >
< /tbody >
< /table >
尝试一下 »
响应式表格
使用 CSS 让表格支持响应式设计:在表格外添加
<div>
元素,样式为
overflow-x:hidden
: