如题所述
第1个回答 2019-07-01
想要让文字在底部，需要用到 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>
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>
