前段时间需要用到图片在同一个DIV中垂直居中 四处寻觅 好不容易获得 在此和大家分享 首先申明,这不是我写的,只是搜索到的。 <br />ul,li{ margin:0; padding:0; list-style-type:none;}<br />.box{<br /> width:800px;<br /> height:500px;<br /> background-color: #FFC;<br /> border: 3px solid #000;<br />}<br />.left {<br /> width:220px;<br /> height:500px;<br /> display:table;<br /> text-align:center;<br /> float: left;<br /> border-right-width: 1px;<br /> border-right-style: solid;<br /> border-right-color: #000;<br />}<br />.info { height:50px; width:50px;display:table-cell; vertical-align:middle }<br />.info li{ padding-top:5px;}<br />.info li img{ max-width:180px; max-height:80px;} <p> 你好 我是右边