css div居中对齐
css div居中对齐
1.代码如下:
要让id="specific_block"中的"id="specific_item"的div对于页面居中对齐
<link rel="stylesheet" href="../css_pro/bossmainpage.css"type="text/css" /><link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script><div id="specific_block"><div class="panel panel-default"id="specific_item"><div class="panel-heading">Panel heading without title</div><div class="panel-body">Panel content</div></div></div>
2.css中方法如下:
#specific_block{
padding: 10px 100px 10px 100px;//这是让它内部的东西的内边距调整,也可以用%来表示占据页面比例来调整
}