前端（vue）入门到精通课程：进入学习
API 文档、设计、调试、自动化测试一体化协作工具：点击使用
本文 *** 作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
两种情况：1、文本格式居中；2、文本所在标签居中显示在窗口中。
1、给文本所在标签加CSS属性值"text-align:center"即可。例如：
2、有很多种方法，这里介绍两种，例如：
1）（建议）文本应该被 行内标签或行内块级标签 包裹，行内标签或行内块级标签又被 块级标签包裹。此种方式 文本格式 会居中。若想 文本格式 不居中，可在行内标签或行内块级标签中加CSS属性值"text-align:left"或其他。
2）文本被块级标签包裹。为块级标签设置宽度，并加上CSS属性值" margin:0 auto"。此种方式 文本格式 不会居中。若想 文本格式 也居中，可在块级标签加CSS属性值"text-align:center"。
用html做网页的时候让表格的每行中的字都居中 *** 作如下：
1、首先按照常规，输入表格的文字内容，如下图所示，整体代码如下：
<table>
<p>功课表</p>
<tr>
<th>语文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>数学</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>
2、然后按照常规，设置表格的样式，如下图所示，示例整体代码如下：
<style type="text/css">
body
{
width:340px
height :800px
}
table
{
border-collapse :collapse
}
th,td
{
width:100px
height:40px
border :1px solid black
font-size:12px
}
</style>
3、然后在浏览器里面进行预览，可以看到表格的标题和里面的内容，都是不居中的；
4、先设置表格的标题居中，代码如下：style="text-align:center "。
5、进行预览，可以看到标题已经实现了居中，但是内容还没有实现单元格居中；
6、只需要在设置表格样式里面输入代码进行文本居中即可，代码如下：text-align :center
7、再行进行预览，可以看到表格已经实现了文本内每行中的字都居中。
如果单纯用html语言的话，就是<center></center>这一对，如果是搞网页设计的话，建议使用css语言来修饰网页。 *** 作方法如下：
1、首先双击打开HBuilderX开发工具，创建一个Web项目，并在项目pages文件夹下，新建静态页面center.html。
2、打开center.html文件，修改title标签中的文本显示内容。
3、在<body></body>标签中，插入一个div标签，并添加标签的id属性。
4、利用ID选择器在style标签中，设置div标签的样式属性，如宽度、高度、行高、字体属性等。
5、接着给div标签添加一个样式属性background-color。
6、再次保存代码并刷新浏览器，可以看到字体在背景颜色块中间位置，说明字体居中显示。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）