Html当中文本与标签如何居中

1、文本居中：

text-align: center;
line-height: 100px; （=height）

2、标签居中

margin: 0 auto;   其中0指的是margin-top:0

代码片：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>搜索论坛</title><link rel="stylesheet" href="https://www.baidu.com/img/baidu_jgylogo3.gif"><style>.item1{height: 100px;width: 100px;background-color: red;text-align: center;line-height: 100px;margin: 0 auto;}.item2{height: 100px;width: 100px;background-color: wheat;text-align: center;line-height: 100px;margin: 100px auto;}</style>
</head><body><div class="outer"><div class="item1">1111</div><div class="item2">2222</div></div>
</body></html>

Html当中文本与标签如何居中相关推荐

html 让文本居中,Html当中文本与标签如何让其居中
1.文本居中:text-align: center; line-height: 100px; (=height) 2.标签居中margin: 0 auto; 其中0指的是margin-top:0 代码 ...
html文本字段标签居中,html中实现文本与标签居中的方法
html中实现文本与标签居中的方法发布时间:2020-08-31 09:44:08 来源:亿速云阅读:66 作者:小新这篇文章主要介绍html中实现文本与标签居中的方法,文中介绍的非常详细,具有 ...
代码居中对齐_HTML span标签如何居中和右对齐？这里有HTML span标签的样式解析
本篇文章主要的讲述的是在HTML中的span标签的文本是要如何居中和右对齐的,这里还有各种实例说明,下面就让我们一起来看看吧首先我们来看看HTML span属性如何居中的? 其实想要这个span文本 ...
HTML span标签如何居中和右对齐？这里有HTML span标签的样式解析（收藏）
本篇文章主要的讲述的是在HTML中的span标签的文本是要如何居中和右对齐的,这里还有各种实例说明,下面就让我们一起来看看吧首先我们来看看HTML span属性如何居中的? 其实想要这个span文本 ...
HTML span标签如何居中和右对齐？这里有HTML span标签的样式解析
本篇文章主要的讲述的是在HTML中的span标签的文本是要如何居中和右对齐的,这里还有各种实例说明,下面就让我们一起来看看吧首先我们来看看HTML span属性如何居中的? 其实想要这个span文本 ...
html li span 居中,如何实现HTML span标签的居中和右对齐
如何实现HTML span标签的居中和右对齐发布时间:2020-07-15 10:02:29 来源:亿速云阅读:182 作者:Leah 本篇文章给大家分享的是有关如何实现HTML span标签的居 ...
HTML参考系列(1)－文本格式化标签
经常使用html标签来布局页面,要记住这些标签还是挺麻烦的,所以在此整理出来形成系列以备查询之用,用不着东拉西扯的找资料了.今天先整理文本格式化标签如下,以后再加入功能演示: 标签和属性功能说明 & ...
html文本显示状态代码中表示什么,HTML文本元素标签
表示关键字和产品名称如:查看效果效果:加粗查看效果表示重要的文字如:查看效果效果:加粗查看效果强制换行如: 查看效果效果:在浏览器显示换行查看效果安全换行,一般只用于英文 ...
标题标签、段落标签、文本格式化标签
我们在浏览新闻或者博客的时候,首先阅读到的是标题,在HTML中,我们用H1至H6的标签对来显示定义标题,标题的默认显示方式是加粗左对齐,H1到H6字体大小逐级递减,换句话说,H后面的数字越大,字体越小 ...

Html当中文本与标签如何居中

Html当中文本与标签如何居中相关推荐

最新文章

热门文章