Fork me on GitHub

兼容ie9的左中右布局

flex不兼容ie9,所以

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>标题</title>
</head>
<body>

<table >
<tr><td >
<div>
<p ><img src="images/newadd1/chakan.png"><span>cccc</span></p>
<p ><img src="images/newadd1/chakan.png"><span>cccc</span></p>
<p ><img src="images/newadd1/chakan.png"><span>cccc</span></p>
<p ><img src="images/newadd1/chakan.png"><span>cccc</span></p>
<p ><img src="images/newadd1/chakan.png"><span>cccc</span></p>
</div>
</td></tr>
</table>
</body>
<style>
td{width:500px;}
div{
text-align:justify !important;
text-align-last:justify !important;
}
p{
display: inline-block;
background: red
}
</style>
</html>

posted @ 2018-01-19 11:43  森海轮回  阅读(196)  评论(0编辑  收藏  举报