                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

盒子位置问题

怎么让盒子2个字位于这个正方形框的中间。

慕粉3344523

2016-07-06

源自：初识HTML(5)+CSS(3) 12-12

关注问题我要回答

1302

操作

收起

5 回答

巾小尹回答被采纳 +3 积分
2016-07-06

用text-align:center

和line-height 来居中

0 回复有任何疑惑可以回复我~

#1

慕粉3344523 提问者

非常感谢！

2016-07-06 回复有任何疑惑可以回复我~

慕粉3344523 提问者
2016-07-06

#box1{

text-align: center;

width:100px;

height:100px;

line-height:100px;

border:1px solid red;

}

是正确的

0 回复有任何疑惑可以回复我~

qq_絮柳冽_03603008
2016-07-06

<!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>

0 回复有任何疑惑可以回复我~

顺天投资3202236
2016-07-06

box{padding:1px 1px 1px 40px;}

0 回复有任何疑惑可以回复我~

慕粉18530206907
2016-07-06

设置为会计元素，text-align=“center”

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1229677 人
解答问题 19084 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

2 回答盒子问题！！！

7 回答css盒子问题

5 回答盒子大小问题。

7 回答盒子中内容不随边距而改变位置

1 回答关于在相对位置中加入盒子模型

搜索更多本课相关问答

盒子位置问题

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号