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

盒模型里的内容如何排版

比如把文字在空间中居中

qq_月下梭影_0

2017-01-11

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

关注问题我要回答

1426

操作

收起

4 回答

时光流逝我心永恒
2017-02-20

居中，一般有两种，内容居中就用text-align:center;让整个div居中,前提为这个div设置width和height值，利用margin:0 auto;来设置。

<!DOCTYPE html>

<html>

<head>

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

<title>居中</title>

<style type="text/css">

.content{

width: 100px;

height: 100px;

margin: 0 auto;

}

</style>

</head>

<body>

<div class="content">I Love You</div>

</body>

</html>>

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

qq_Absurdyears_0
2017-02-13

可以使用垂直居中

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

墨守1993
2017-01-11

text-algin

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

吴茱萸
2017-01-11

内容排版可以使用text-align样式代码，如下代码

（1）可实现h1文本居中显示。

h1{
text-align:center;
}
<h1>了不起的盖茨比</h1>

（2）h1设置居左：

h1{
text-align:left;
}
<h1>了不起的盖茨比</h1>

（3）h1设置居右：

h1{
text-align:right;
}
<h1>了不起的盖茨比</h1>

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

#1

qq_月下梭影_0 提问者

h1{ text-align:center; } <h1>了不起的盖茨比</h1> 这样只能达到文本居于所在行的中间，我想问怎么能够居于整个盒模型空间的正中

2017-01-11 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1225762 人
解答问题 18233 个

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

本课相似问答

3 回答网页排版是用到盒子模型排版吗？

2 回答盒子模型内容的理解

3 回答盒子模型内容溢出

3 回答关于盒模型内容居中显示

8 回答关于盒模型内容底部溢出不解！

搜索更多本课相关问答

盒模型里的内容如何排版

我要回答关注问题

意见反馈帮助中心 APP下载