欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

css div居中对齐

程序员文章站 2022-04-26 16:02:16
...

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;//这是让它内部的东西的内边距调整,也可以用%来表示占据页面比例来调整
}