兼容ie9的左中右布局

Posted 森海轮回

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了兼容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>

以上是关于兼容ie9的左中右布局的主要内容,如果未能解决你的问题,请参考以下文章

史上最全flex兼容写法整理

圣杯布局和双飞翼布局

网页自适应布局方案

flex弹性布局

IE9兼容

IE9兼容