【css技术指南笔记】第五章 table-cell 布局
博客专区 > 郑二 的博客 > 博客详情
【css技术指南笔记】第五章 table-cell 布局
郑二 发表于3年前
【css技术指南笔记】第五章 table-cell 布局
  • 发表于 3年前
  • 阅读 7
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: table-cell 布局
<nav><!-- 内容 --></nav>
<article><!-- 内容 --></article>
<aside><!-- 内容 --></aside>

css:
nav{
    display:table-cell;
    with:150px;
    padding:10px;
    background:#dcd9c0;
}
article{
    display:table-cell;
    padding:10px 20px;
    background:#ffed53;
}
aside{
    display:table-cell;
    width:210px;
    padding:10px;
    background:#3f7ccf;
}

!!:display:table-cell; 样式IE7不支持

类似 td  特性





共有 人打赏支持
粉丝 0
博文 18
码字总数 4318
×
郑二
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: