所有设备上的中心Div

时间:2015-10-24 21:41:01

标签: html css wordpress

您好我遇到了一些严重的问题,我创建了一个导航图像,这个导航有8个图像,这些图像都完全按照我想要的方式对齐,但我想将整个事情集中在所有设备

}

#box2 {
position: fixed;
width:100%
margin: auto;
 }
<head>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
</head>
<body>
<div id="box2">
<a href=""><img src="http://www.tridentas.co.uk/tridentascouk/bowwownow/wp-content/uploads/2015/10/111.png" width="500"  style="position: absolute; top: 100px; left: 500px; "/>
<a href="http://tridentas.co.uk/bowwownow"><img src="http://www.tridentas.co.uk/tridentascouk/bowwownow/wp-content/uploads/2015/10/home1.png" width="65"  style="position: absolute; border: 0px solid white; top: 240px; left: 530px; "/></a>
<a href="http://tridentas.co.uk/bowwownow"><img src="http://www.tridentas.co.uk/tridentascouk/bowwownow/wp-content/uploads/2015/10/home1.png" width="65" style="position: absolute; border: 0px solid blue; top: 170px; left: 785px;"/></a>
<a href="http://tridentas.co.uk/bowwownow"><img src="http://www.tridentas.co.uk/tridentascouk/bowwownow/wp-content/uploads/2015/10/home1.png" width="65" style="position: absolute; border: 0px solid green; top: 140px; left: 650px;"/></a>
<a href="http://tridentas.co.uk/bowwownow"><img src="http://www.tridentas.co.uk/tridentascouk/bowwownow/wp-content/uploads/2015/10/home1.png" width="65" style="position: absolute; border: 0px solid red; top: 280px; left: 890px;"/></a>
<a href="http://tridentas.co.uk/bowwownow"><img src="http://www.tridentas.co.uk/tridentascouk/bowwownow/wp-content/uploads/2015/10/home1.png" width="65" style="position: absolute; border: 0px solid purple; top: 435px; left: 565px;"/></a>
<a href="http://tridentas.co.uk/bowwownow"><img src="http://www.tridentas.co.uk/tridentascouk/bowwownow/wp-content/uploads/2015/10/home1.png" width=65" style="position: absolute;  border: 0px solid grey; top: 435px; left: 820px;"/></a>
<a href="http://tridentas.co.uk/bowwownow"><img src="http://www.tridentas.co.uk/tridentascouk/bowwownow/wp-content/uploads/2015/10/home1.png" width="65" style="position: absolute; border: 0px solid yellow; top: 325px; left: 690px;"/></a>
</div>
</body>

任何帮助都会很棒,我只需要将所有设备集中在所有设备上,包括个人电脑/笔记本电脑/手机/平板电脑。

我已经尝试了30多个不同的问题和来自stackoverflow的答案没有人帮助我,所以我决定发布我的个人问题。

0 个答案:

没有答案