技术支持

如果建站过程中遇到问题,请到这里查看解决办法

图片水平居中居中显示

图片水平居中居中显示

<style>

.works_big_ul_pad{ margin-right:20px;}


/*作品页---作品列表--每行三张--*/
.works_big_ul { width:774px; padding:15px 0 0 14px; float:left;}
.works_big_ul li { list-style:none; display:block; margin-left:0px;margin-bottom:0px;padding-left:0px;width:240px;height:300px;float:left;overflow:hidden;}
.works_big_ul li div{display:table;text-align:center;line-height:240px;overflow:hidden;width:240px;height:240px; background-color:#f2f2f2;}
.works_big_ul li s { vertical-align:middle; height:100%; display:inline-block; }
.works_big_ul li div span { display:table-cell; vertical-align:middle;}
.works_big_ul li div img { padding:0px; margin:0px auto; max-height:240px; max-width:240px; vertical-align: middle;}
.works_big_ul li p {font-size:14px; height:50px; overflow:hidden; text-align:left; line-height:25px;}
.works_big_ul li p a:hover{ color:#06F;}
.works_big_ul_pad{ margin-right:20px;}




/*作品页---作品列表--每行四张--*/
.works_mid_ul { width:775px; padding:15px 0 0 13px; float:left;}
.works_mid_ul li { list-style:none; display:block; margin-left:0px;margin-bottom:0px;padding-left:0px;width:180px;height:240px;float:left;overflow:hidden;}
.works_mid_ul li div{display:table;text-align:center;line-height:180px;overflow:hidden;width:180px;height:180px; background-color:#f2f2f2;}
.works_mid_ul li s { vertical-align:middle; height:100%; display:inline-block;}
.works_mid_ul li div span { display:table-cell; vertical-align:middle;}
.works_mid_ul li div img { padding:0px; margin:0px auto; max-height:180px; max-width:180px; vertical-align: middle; border:0px;}
.works_mid_ul li p {font-size:14px; height:50px; overflow:hidden; text-align:left; line-height:25px;}
.works_mid_ul li p a:hover{ color:#06F;}
.works_mid_ul_pad{ margin-right:14px;}
</style>
<div class="works_list">
            <ul class="works_big_ul">
                         
            <li class="works_big_ul_pad" ><div><span><a href="/works/3319.html"><img src="Uploads/Works/mid_logo/201508/55cc196adf835.jpg" alt="周逢俊作品巢湖胜景图"/></a></span><s></s></div>
            <p><a href="/works/3319.html" target="_blank">巢湖胜景图</a></p>
            </li>
                         
            <li class="works_big_ul_pad" ><div><span><a href="/works/3318.html"><img src="Uploads/Works/mid_logo/201508/55cc196ade7ed.jpg" alt="周逢俊作品徽商故里"/></a></span><s></s></div>
            <p><a href="/works/3318.html" target="_blank">徽商故里</a></p>
            </li>
                         
            <li  ><div><span><a href="/works/3317.html"><img src="Uploads/Works/mid_logo/201508/55cc196adcf79.jpg" alt="周逢俊作品黄山西海大峡谷"/></a></span><s></s></div>
            <p><a href="/works/3317.html" target="_blank">黄山西海大峡谷</a></p>
            </li>
                         
            <li class="works_big_ul_pad" ><div><span><a href="/works/3316.html"><img src="Uploads/Works/mid_logo/201508/55cc196adbc3b.jpg" alt="周逢俊作品送旅图"/></a></span><s></s></div>
            <p><a href="/works/3316.html" target="_blank">送旅图</a></p>
            </li>
                         
            <li class="works_big_ul_pad" ><div><span><a href="/works/3315.html"><img src="Uploads/Works/mid_logo/201508/55cc18d05ba81.jpg" alt="周逢俊作品黄山松石写生"/></a></span><s></s></div>
            <p><a href="/works/3315.html" target="_blank">黄山松石写生</a></p>
            </li>
                         
            <li  ><div><span><a href="/works/3314.html"><img src="Uploads/Works/mid_logo/201508/55cc18d05ac49.jpg" alt="周逢俊作品秋林雅集图"/></a></span><s></s></div>
            <p><a href="/works/3314.html" target="_blank">秋林雅集图</a></p>
            </li>
                         
            <li class="works_big_ul_pad" ><div><span><a href="/works/3313.html"><img src="Uploads/Works/mid_logo/201508/55cc18d059e45.jpg" alt="周逢俊作品黄山松"/></a></span><s></s></div>
            <p><a href="/works/3313.html" target="_blank">黄山松</a></p>
            </li>
                         
            <li class="works_big_ul_pad" ><div><span><a href="/works/3312.html"><img src="Uploads/Works/mid_logo/201508/55cc18d05934c.jpg" alt="周逢俊作品黄山松图"/></a></span><s></s></div>
            <p><a href="/works/3312.html" target="_blank">黄山松图</a></p>
            </li>
                         
            <li  ><div><span><a href="/works/3311.html"><img src="Uploads/Works/mid_logo/201508/55cc18d0588f2.jpg" alt="周逢俊作品黄山松"/></a></span><s></s></div>
            <p><a href="/works/3311.html" target="_blank">黄山松</a></p>
            </li>
                         
            <li class="works_big_ul_pad" ><div><span><a href="/works/3310.html"><img src="Uploads/Works/mid_logo/201508/55cc18d057e52.jpg" alt="周逢俊作品齐云山写生"/></a></span><s></s></div>
            <p><a href="/works/3310.html" target="_blank">齐云山写生</a></p>
            </li>
                         
            <li class="works_big_ul_pad" ><div><span><a href="/works/3309.html"><img src="Uploads/Works/mid_logo/201508/55cc17b924ac2.jpg" alt="周逢俊作品紫烟一片家乡春"/></a></span><s></s></div>
            <p><a href="/works/3309.html" target="_blank">紫烟一片家乡春</a></p>
            </li>
                         
            <li  ><div><span><a href="/works/3308.html"><img src="Uploads/Works/mid_logo/201508/55cc17898f095.jpg" alt="周逢俊作品梅石图"/></a></span><s></s></div>
            <p><a href="/works/3308.html" target="_blank">梅石图</a></p>
            </li>
                        </ul>
            <div style="clear:both"></div> 
            <div class="pagelist">
                <div> 共 149 条   <span class="current">1</span><a class="num" href="/works-2.html">2</a><a class="num" href="/works-3.html">3</a><a class="num" href="/works-4.html">4</a><a class="num" href="/works-5.html">5</a><a class="num" href="/works-6.html">6</a><a class="num" href="/works-7.html">7</a><a class="num" href="/works-8.html">8</a><a class="num" href="/works-9.html">9</a><a class="num" href="/works-10.html">10</a><a class="num" href="/works-11.html">11</a> <a class="next" href="/works-2.html">下一页</a> <a class="end" href="/works-13.html">13</a></div>            </div>
        </div>

京ICP备2014020853号  QQ在线咨询   邮箱:46334847@qq.com   版权所有 2004-2014 云华互联保留所有权利

网站关键字:云华互联  单县网站建设  单县网站设计  单县网页制作