1、<center> 代码 </center>
2、<div class="text" style=" text-align:center;">
3、行内元素：text-align：center；
4、定宽块元素：margin：0 auto；
扩展资料：
由于未设定宽度值的块元素，载入时会继承父元素的宽度值，一开始所有的元素的宽度值都等于great-parent的宽度；
当执行“float=left；”时，parent的宽度值会被重新赋值，该值来自其内容的宽度；
parent中只有div，浏览器会计算div的大小，而div自身也没有设定宽度值，则继续计算div内部内容的大小，div内部有字符或者其他内容，div将计算这些内容的显示大小；
然后，div把这个值往上逐级返回到浏览器，浏览器再把这个值赋给parent的宽度值。
最后，由于parent的宽度值被重新赋值，div就再次继承parent的新的宽度值。parent的宽度=div的宽度=div内部内容的宽度。
JS实现不了，用HTML或者CSS<div align="right">本行内容居右</div>
如果用CSS则是这样：
<div style="text-align: center;">本行内容居中</div>
建议新手用第一个，等熟悉了CSS再用CSS实现。当然CSS实现更好。
align的参数可以是left、center或者right，分别对应左，中，右三种对齐方式，CSS的text-align也同理你说的是这种状态吗？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>悬浮框</title>
<style type="text/css">
#div1
{
width: 150px;
height: 200px;
border: 1px solid #ccc;
background:red;
position: absolute;
right: 0px;
top: 0px;
}
</style>
<script >
windowonscroll=function()
{
var oDiv=documentgetElementById('div1');
var scrollTop=documentdocumentElementscrollTop||documentbodyscrollTop;
startMove(parseInt((documentdocumentElementclientHeight-oDivoffsetHeight)/2+scrollTop))
};
var timer=null;
function startMove(iTarget)
{
var oDiv=documentgetElementById('div1');
clearInterval(timer);
timer=setInterval(function()
{
var speed=(iTarget-oDivoffsetTop)/4;
speed=speed>0Mathceil(speed):Mathfloor(speed);
if(oDivoffsetTop==iTarget)
{
clearInterval(timer);
}
else
{
oDivstyletop=oDivoffsetTop+speed+'px';
}
},30);
}
</script>
</head>
<body style="height:2000px;">
<div id="div1">
</div>
</body>
</html>文字默认，的display属性设置成block 然后margin:0 auto 即可
<style type="text/css">
tt{ border:1px solid #CCC; width:600px; height:600px; }
tt img{ margin:0 auto; border:1px solid #F00; display:block; }
</style>
<div class="tt">
文字在左边
<img src=">让文本框居中、变大这类修饰性的功能是由CSS完成的，你这个页面结构完全可以用HTML来写，然后用CSS来装饰，最后用JS获取数据填充在页面上。
CSS居中文本框的话在其父容器上用 text-align: center，变大的话调整文本框的 width、height、padding等都可以达到预期效果。CSS中怎样设置才能使对象中的文字垂直居中于对象，这个问题也是捆扰很多朋友的难题。现在网上的很多代码都做不到浏览器兼容。我把网上有关的方法整理了一下，做了些改动，完全可以兼容各主流浏览器。
下面具体说一下在不同情况下垂直居中的方法。
一、一行文字垂直居中
看一下下面的代码：
复制代码
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）