html5 两栏等宽布局代码,分享一个利用css来设置表格单元格等宽的实例代码

htmlcss tablelayout: fixed 设置表格单元格等宽，下面小编就来和大家分享一下。

设置表格单元格等宽

/*

使字体在所有设备上都达到最佳的显示

*/

html {

-moz-osx-font-smoothing: grayscale;

-webkit-font-smoothing: antialiased;

text-rendering: optimizeLegibility;

}

/*

给body添加阴影

*/

body:before {

content: "";

position: fixed;

top: -10px;

left: 0;

width: 100%;

height: 10px;

-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);

-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);

box-shadow: 0px 0px 10px rgba(0,0,0,.8);

z-index: 100;

}

/*

表格单元格等宽

*/

.calendar { table-layout: fixed; }

我在测试我在测试我在测试我在测试我在测试我在测试我在测试我在测试我在测试	122222222222222	3	4	5
1	2	3	4	5
1	2	3	4	5
1	2	3	4	5

【相关推荐】