html css怎么让文字在页面底部居中_随笔

想要让文字在底部，需要用到 position:fixed

bottom:0px

left:0px

想要让文字居中，需要用到 text-align:center

示例的截图

示例的代码

<!doctype

html>

<html>

<head>

<meta

charset="utf-8">

<title>文字底部居中</title>

<style>

*{margin:0px

padding:0px}

/*这行是为了清除代码默认的样式，不用拷贝*/

.botCenter{width:100%

height:35px

line-height:35px

background:#ccc

position:fixed

bottom:0px

left:0px

font-size:14px

color:#000

text-align:center}

</style>

</head>

<body>

<div

class="botCenter">就是一个在底部显示的文字</div>

</body>

</html>

也就是在底部位置居中，

你可以在底部，在网页foot部分的底部，</body>之前，放入一个div，

写法：

<div class="jz">要放入的文字<div>

在css中写入：

.jz{width=1000pxmargin:0 autotext-align:center} width是设置一个宽带，margin:0 auto是使该div居中。text-align:center使文字相对于div居中。

欢迎分享，转载请注明来源：内存溢出

html css怎么让文字在页面底部居中