盒子位置问题
来源：12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
慕粉3344523
2016-07-06 19:19
怎么让盒子2个字位于这个正方形框的中间。
写回答
关注
5回答
-
- 巾小尹
- 2016-07-06 19:36:59
用text-align:center
和line-height 来居中
-
- 慕粉3344523
- 2016-07-06 20:13:34
#box1{
text-align: center;
width:100px;
height:100px;
line-height:100px;
border:1px solid red;
}
是正确的
-
- qq_絮柳冽_03603008
- 2016-07-06 19:56:11
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>填充</title>
<style type="text/css">
#box1{
text-align: center;
width:100px;
height:100px;
padding:10px;
border:1px solid red;
}
</style>
</head>
<body>
<div id="box1">
<pre> </pre>盒子1
</div>
</body>
</html>
-
- 顺天投资3202236
- 2016-07-06 19:36:36
box{padding:1px 1px 1px 40px;}
-
- 慕粉18530206907
- 2016-07-06 19:36:01
设置为会计元素，text-align=“center”
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225813 学习 · 18234 问题
相似问题