盒子内容对齐

来源:12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距(填充)

慕码人4583819

2015-04-08 15:02

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>填充</title>

<style type="text/css">

#box1{

    width:100px;

    height:100px;

   

    border:1px solid red;

}

</style>

</head>

<body>

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

</body>

</html>

以上是代码为啥运行结果是盒子1 靠左上对齐呢?  这里只设置内容的宽度和高度 没有设置对齐方式啊,还有我想让他居中对齐咋办


写回答 关注

1回答

  • ______完蛋先生
    2015-04-08 15:09:52


    居中对齐 使用margin:0 auto;  文档编码最好统一使用UTF-8的标准 

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

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

1225297 学习 · 18230 问题

查看课程

相似问题