用div+css怎么实现表格
2010-12-15 15:08
260 查看
<body>
<style type="text/css">
.aa {clear:both}
.a {float:left; margin-left:5px}
</style>
<div class="aa">
<div class="a">每一列</div>
<div class="a">第二列</div>
<div class="a">第三列</div>
</div>
<div class="aa">
<div class="a">每一列</div>
<div class="a">第二列</div>
<div class="a">第三列</div>
</div>
<div class="aa">
<div class="a">每一列</div>
<div class="a">第二列</div>
<div class="a">第三列</div>
</div>
</body>
2、div中文字垂直排版(vertical-align 不起作用)
.fontsty{
font-size: 12px;
vertical-align:middle;
line-height:50px;
}
<style type="text/css">
.aa {clear:both}
.a {float:left; margin-left:5px}
</style>
<div class="aa">
<div class="a">每一列</div>
<div class="a">第二列</div>
<div class="a">第三列</div>
</div>
<div class="aa">
<div class="a">每一列</div>
<div class="a">第二列</div>
<div class="a">第三列</div>
</div>
<div class="aa">
<div class="a">每一列</div>
<div class="a">第二列</div>
<div class="a">第三列</div>
</div>
</body>
2、div中文字垂直排版(vertical-align 不起作用)
.fontsty{
font-size: 12px;
vertical-align:middle;
line-height:50px;
}
相关文章推荐
- css怎么让div动起来,实现动画效果一直在动
- 使用Div+css实现表格布局
- div+css实现表头固定内容滚动表格
- CSS 实现表格内容超出用省略号显示 超出div显示省略号
- 3行3列表格 table实现,div+css实现
- CSS+DIV实现提交表格效果
- JavaScript+CSS+DIV实现表格变色
- DIV+CSS实现表格功能(不支持IE6、IE7)
- 问题:table 可否实现对角线;结果:用div+css模拟表格对角线
- 使用IE条件注释 实现兼容 IE, Opera, Firefox 的 DIV+CSS 表格布局 By shawl.qiu
- 用css+div实现表格的每行显示3列的功能
- 用css+div如何实现表格显示
- CSS实现DIV表格圆角
- DIV+CSS实现表格功能(不支垂直居中)
- 用DIV+CSS如何实现这种表格效果
- CSS:用DIV+CSS实现表格形式的数据排列
- 用DIV+CSS如何实现这种表格效果
- 怎么使用3个div实现这个布局,css怎么写
- DIV+CSS实现表格功能
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式