1.div居中代码怎么写
如果只是水平居中的话,只需要先定义DIV的宽度,再设置外边距margin属性的左右边距为auto即可。此时DIV便会相对于它的父容器水平居中。
比如 <div class=div_a><div class="div_b"><div></div>
设置div_b的样式
.div_b{width:100px; margin:0 auto;}
这样div_b便在div_a中水平居中了。如果外面没有父DIV,则div_b便相对于整个页面居中。注意如果div_b定义了浮动属性float则无效。
2.css里怎样把字体上下居中左右居中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
<style>
/*上下左右居中*/
#power > span{
height:50px; /*对于center2必须指明高度*/
width: 200px; /*对于center3必须要指明宽度*/
border: 1px solid red;
margin: 10px 0;
}
/*1. flex : ie等老式浏览器可能不支持*/
.center1{
display:flex;
align-items:center;
justify-content:center;
}
/*2. line-height*/
.center2{
display:block;
line-height: 50px;
text-align:center;
}
/*3. table-cell */
.center3{
display:table-cell;
vertical-align:middle;
text-align:center;
}
</style>
</head>
<body>
<div id="power"></div>
<script src="../js/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$('#power')
.append('<span class="center1">;上下左右居中:center1</span>')
.append('<span class="center2">;上下左右居中:center2</span>')
.append('<span class="center3">;上下左右居中:center3</span>');
});
</script>
</body>
</html>
3.如何让html中的表格左右居中显示
html中让表格在浏览器中左右居中,可以设置表格的align属性align有三个属性:1、居中:center;2、靠左:left;3、靠右:right。
html中是没办法实现上下居中的,如果设置上下居中,需要通过js程序来设置。左右居中代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "1/DTD/xhtml1-transitional.dtd">
<meta ; charset=utf-8" />居中 | 居中 | 居中 |
居中 | 居中 | 居中 |