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

怎么把盒子1这个词用css调整到box1的中央位置?

<style type="text/css">

#box1{

width:100px;

height:100px;

padding:10px;

border:1px solid red;

text-align:center;

background:red;

}

</style>

</head>

<body>

<div id="box1">盒子1</div>

remix1911

2016-03-17

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

关注问题我要回答

774

操作

收起

7 回答

weibo_我有一枚大果冻_0 回答被采纳 +3 积分
2016-03-17

box1里面加个样式 line-height:100px;

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

#1

remix1911 提问者

非常感谢！

2016-03-17 回复有任何疑惑可以回复我~

希望成为大牛
2016-03-17

<style type="text/css">

#box1{

width:100px;

height:100px;

padding:10px;

border:1px solid red;

text-align:center;

background:red;

line-height:100px;

}

</style>

</head>

<body>

<div id="box1" text-align:center;>盒子1</div>

</body>

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

梦之烟涯
2016-03-17

padding:50%;

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

玖零儛
2016-03-17

<style type="text/css">
#box1{
    width:100px;
    height:100px;
    padding:10px;
    border:1px solid red;
    text-align:center;
    background:red;
    margin:auto auto;
}
</style>
</head>
<body>
<div id="box1" text-align:center;>盒子1</div>
</body>

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

学习1314
2016-03-17

center

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

#1

那是水平居中有什么用？

2016-04-20 回复有任何疑惑可以回复我~

huobobo
2016-03-17

text-align:center;

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

#1

那是水平居中有什么用？

2016-04-20 回复有任何疑惑可以回复我~

Shmaur
2016-03-17

默认情况下，我们给盒子设置maring、padding和border的时候，不管设置的是什么单位的值，这些值都会计算在盒子的总体面积以内

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

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

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

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

本课相似问答

2 回答box2在box1中的位置怎么设置

1 回答如何将盒子放在页面的正中央

5 回答盒子位置问题

1 回答盒子中间的 “五仁”怎么上下左右居中（中心位置）？

3 回答为什么box1盒子的距离跟其他盒子之间的距离怎么不一样

搜索更多本课相关问答

怎么把盒子1这个词用css调整到box1的中央位置?

我要回答关注问题

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

帮助反馈 APP下载

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

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