div嵌套图片 不能居中
发布网友
发布时间:2022-04-21 10:13
我来回答
共4个回答
热心网友
时间:2022-04-21 11:42
在DIV中用CSS实现图片的垂直居中显示,一直是CSS样式里面比较常见的问题,博主现写出其中的一种方法,有代码,直接复制运行即可
参考资料:http://www.dxiajke.com/divcss/div-css-tupian-chuijuzhong/
热心网友
时间:2022-04-21 13:00
<body>
<table border=0 align=center>
<div class="pro_disp pro_104px"><p><a href="#" target="_blank"><img src="1303624213020_8964_s.jpg" );" /></a></p></div>
</table>
</body>追问不用table,样式要用css控制
追答.pro_104px {
width: 104px;
height: 104px;
border: 1px solid #e8e8e8;
margin: 0 auto;
}
这部分不知道是什么,去掉这部分后,
并将.pro_104px的margin部分改成margin:0 auto;后,div能居中。
热心网友
时间:2022-04-21 14:35
head后加这个,其他的自己改改就行
<style>
<!--
.div{
position: absolute;
border: 2px solid red;
background-color: #EFEFEF;
line-height:90px;
font-size:12px;
z-index:1000;
}
-->
</style>
<BODY>
<div id="Javascript.Div1" class="div" style="width: 240; height:90" align="center">正中...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc1(){
document.getElementById("Javascript.Div1").style.top=document.body.scrollTop+(document.body.clientHeight-document.getElementById("Javascript.Div1").offsetHeight)/2
document.getElementById("Javascript.Div1").style.left=document.body.scrollLeft+(document.body.clientWidth-document.getElementById("Javascript.Div1").offsetWidth)/2;
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
function scall(){
sc1();
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//-->
</SCRIPT>
<div style="position: absolute; top: 0; left: 0; width: 10000; height: 4000;"></div>
</BODY>
热心网友
时间:2022-04-21 16:26
你可以直接在外部再套用一个DIV,然后再居中~~