div模拟table,可实现左右高度同增长(html布局)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div模拟table,可实现左右高度同增长</title>
<style type="text/css">
body{
background: #ccc;
}
.box{
width: 800px;
background: #999;
margin: 0 auto;
}
.div-tabel{
display: table;
width: 800px;
border-spacing:20px;/*边距*/
}
.div-tabel-row{
display: table-row;
}
.div-table-cell{
display: table-cell;
background: #fff;
width: 50%;
padding: 20px;
}
</style>
</head>
<body>
<div class="box">
<div class="div-tabel">
<div class="div-tabel-row">
<div class="div-table-cell">
<p>div模拟table,可实现左右高度同增长div模拟table,可实现左右高度同增长</p>
</div>
<div class="div-table-cell">
<p>div模拟table,可实现左右高度同增长div模拟table,可实现左右高度同增长div模拟table,可实现左右高度同增长div模拟table,可实现左右高度同增长div模拟table,可实现左右高度同增长div模拟table,可实现左右高度同增长</p>
</div>
</div>
</div>
</div>
</body>
</html>
效果:
最新文章
- 夺命雷公狗-----React---5--props对象的传递
- JavaScript Patterns 3.6 Regular Expression Literal
- 【jmeter】JMeter中返回Json数据的处理方法
- Python中的 isdigit()方法
- Oracle ABP(Autotask Background Process)
- sql server数据库主键自增一插入特定值
- web 开发规范
- 【实战】静默安装-oracle 11.2.0.3 on centos 5.10
- 怎么会Sql serverW数据库模型图转化成ord于--您还可以查看属性信息字段
- 基于webpack的React项目搭建(二)
- python2 使用pip安装psycopg2出现错误:Command ";python setup.py egg_info"; failed with error code 1 in /tmp/pip-install-mvzdNj/psycopg2/
- SpringCloud(4)熔断器 Hystrix
- python scapy dns 包字段解析
- 8I - 吃糖果
- k8s网络之calico学习
- 使用phpstorm+wamp实现php代码实时调试审计
- [LuoguP1462]通往奥格瑞玛的道路($SPFA+$二分)
- mfc 类对象数组
- 【转】Linux下RabbitMQ服务器搭建(单实例)
- spring4-2-bean配置-3-自动装配
热门文章
- 字符串操作 replace
- python处理xml文件
- LIBCD.lib(wincrt0.obj) : error LNK2001: unresolved external symbol _WinMain@16 Debug/firstapi.exe :
- 如何用Java代码列出一个目录下所有的文件?
- 20161013001 DataGridView 数据转 DataTable
- [DL学习笔记]从人工神经网络到卷积神经网络_1_神经网络和BP算法
- 财务报表 >; 现金流表的直接法,间接法,Cash Flow from Operating Activites
- (转载)The One Sign You Will Be Rich-(by Brian de Haaff Founder and CEO Aha! -- world&#39;s #1 product roadmap software)
- modprobe和lsmod命令配合使用
- git无法定位程序输入点libiconv