<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style>
.min{display:table;}
.row{display:table-row; border-bottom:1px solid red;}
.col{display:table-cell;}
</style>
<body>
<div class="min">
<div class="row">
<div class="col">
<img src="#" alt="图片">
</div>
<div class="col">
<p>第二个</p>
</div>
</div>
</div>
</body>
</html>
给.row加了一个下边框但是不显示(.row{display:table-row; border-bottom:1px solid red;})
把min的border-collapse设置为collapse吧,默认为separate。
关于独立边框模型,有这么一段说明:
因此可以得知当表格为独立边框模型的时候,行,行组,列,列组的border设置了也没有用。