<分区>
标签 css
按钮应该在顶部居中，按钮旁边的表格意味着居中。我已经完成了按钮，但问题在表格中...................... ![在此处输入图片描述][1] [1]: http://i.stack.imgur.com/3bxei.jpg
<html>
<body>
<head>
<style>
#buttons{
float:right;
position:relative;
left:-50%;
text-align:left;
}
#buttons ul{
list-style:none;
position:relative;
left:50%;
width: 100%;
}
#buttons li{float:left;position:relative; font-size: 23px;}/* ie needs position:relative here*/
#buttons a{
text-decoration:none;
margin:10px;
background:red;
float:left;
border:2px outset Red;
color:#fff;
padding:2px 5px;
text-align:center;
white-space:nowrap;
}
#buttons a:hover{ border:2px inset blue;color:red;background:#f2f2f2;}
</style>
</head>
<body>
<div id="buttons">
<ul>
<li><a href="#"> Home</a></li>
<li><a href="#">Add Product </a></li>
<li><a href="#">Add Product Image</a></li>
</ul>
</div>
<form>
<table>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
</form>
</body>
</html>
最佳答案
你可以在这里使用这样的支票Js fiddle 在表外添加一个 div 和
.table-con {
margin: 0 auto;
clear: both;
width: 23%;
}
关于css - 按钮应该在中心顶部，按钮旁边的表格意味着在中心向下，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29443493/