html怎么让文字居中

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

1）（建议）文本应该被 行内标签或行内块级标签 包裹，行内标签或行内块级标签又被 块级标签包裹。此种方式 文本格式 会居中。若想 文本格式 不居中，可在行内标签或行内块级标签中加CSS属性值"text-align:left"或其他。

1

2

3

4

<div style="text-align:center"> <!-- 块级标签 -->

    <span>我是文本所在标签1，文本居中显示<span> <!-- 行内标签 -->

    <div style="display:inline-block;">我是文本所在标签2，文本居中显示</div> <!-- 行内块级标签 -->

</div>

2）文本被块级标签包裹。为块级标签设置宽度，并加上CSS属性值" margin:0 auto"。此种方式 文本格式 不会居中。若想 文本格式 也居中，可在块级标签加CSS属性值"text-align:center"。

1

<div style="width: 100px; margin:0 auto">我是文本所在标签，文本居中显示</div>

学习视频分享：css视频教程

以上就是html怎么让文字居中的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

Html中有哪些标记文字注释的符号

Html h1-h6标签怎么用

Html5新增标签有哪些？Html5新增的标签应用

Html time具体用法和作用详解

Html怎么设置背景图片

Html怎么隐藏样式

Html noscript标签怎么用

Html空格代码怎么写？

Html title标签怎么用

Html怎么设置字体

更多相关阅读请进入《Html》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...