文档章节

【css技术指南笔记】第五章 table-cell 布局

郑二
 郑二
发布于 2015/04/08 11:24
字数 68
阅读 10
收藏 0
<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
作品 0
朝阳
程序员
私信 提问
布局神器(一)display:table-cell

display:table-cell 页面布局是HTML+CSS的一个重点,除了常见的几种布局外,如:float、position: absolute等等;还有一些功能强大且好用的布局方式,本文就display:table-cell做学习总结...

即将离
2016/07/17
0
0
display:table-cell介绍

[图片上传失败...(image-2969e4-1516190383083)] 页面布局是HTML+CSS的一个重点,除了常见的几种布局外,如:float、position: absolute等等;还有一些功能强大且好用的布局方式,本文就dis...

bug_killer
01/17
0
0
我所知道的几种display:table-cell的应用

一、display:table-cell属性简述 display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性 的,但是IE6/7只能对你说sorry了,这...

林文安
2012/05/30
0
0
《HTML+CSS3权威指南》笔记摘要 - 目录

主要是想借助这个平台让大家给我学习途中的错误和不好的地方给与纠正。 我会努力最短时间内完成更新,如果发现有错别字或者Code错误,请指出。 信息:建议使用Opera10以上或者Google浏览器测...

Contac
2011/12/02
0
1
垂直居中的总结

无需固定高度的方式 用以下的方式,可以适应任何高度的div实现居中。 方式1:使用jquery.popup.js插件 本人封装了一个名为jquery.popup.js的插件,主要是为了弹窗实现居中显示问题,还不错的...

前端届的科比
2015/09/04
48
0

没有更多内容

加载失败,请刷新页面

加载更多

java单例设计模式

实现方法一 package com.hs.pattern.singleton;/** * 优点:实现简单 * 缺点:线程不安全 * 例如:当两个线程都运行到if( singleton == null ),而singleton确实为空,则两个线程都...

yangyangyyyy
9分钟前
0
0
MacOS下安装MongoDB数据库

官方链接:Install MongoDB Community Edition on macOS 推荐大家使用Homebrew安装 ##1.更新 Homebrew’s 包版本 brew update 2.安装MongoDB brew install mongodb 休息片刻,等他安装完就...

凌宇之蓝
9分钟前
0
0
Linux系统如何定制History输出格式

Linux系统使用History命令来查看系统的运行记录,从而找出一些问题。但是History输出的数据中常常没有时间等信息。本文就来教大家Linux系统如何定制History输出格式。   具体方法如下 以r...

Linux就该这么学
12分钟前
0
0
Add Digits(leetcode258)

Given a non-negative integer num, repeatedly add all its digits until the result has only one digit. Example: Input: 38 Output: 2 Explanation: The process is like: 3 + 8 = 11, 1......

woshixin
13分钟前
0
0
android简洁饼状图组件、圆形Menu菜单、画板画笔应用、答题应用等源码

Android精选源码 android自动监听复制内容源码 Android上简洁轻量级的饼图控件 好看的 Android 圆形 Menu 菜单效果 android画笔、画板功能效果的实现 Android撸一个Android图表框架 支持 It...

Android爱开源
17分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部