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

原创 2017年09月18日 22:41:39

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>

这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Django建表的时候报错

博客核心内容: 1、报错日志: D:\Python Work Location\DjangoSister>python manage.py makemigrations SystemCheckErr...

CSS选择器详解(前端系列1)

博客核心内容:①标签(名字)选择器 ②ID选择器 ③类选择器 ④通配符选择器 ⑤优先级就近原则,同权重情况下样式定义最近者为准 ⑥多元素选择器 ⑦后代选择器(.outer p)==>向下...

html文本上下左右居中

  • 2016年05月14日 15:19
  • 680B
  • 下载

HTML入门笔记5-居中标签和空格

这篇学习HTML中的居中标签和如何控制空格显示。 1.先看看居中效果,这里用标题来演示。默认不使用居中会在居左显示。 ...

html+css使用空白标签巧妙实现不同尺寸的图片在容器里垂直居中的方法

实现图片在容器累垂直居中有多种方法,例如使用计算高度使用margin,透明gif图片+背景定位等等,其中很多方法比较繁琐兼容性也不好,例如用position方法。下面为大家介绍两种比较简洁的方法,一种...

【HTML】图像标签、文本、表格的颜色及其背景色

文本的颜色:在body的属性中,可以使用以下几种属性改变文本的颜色。1. text属性 该属性用来设置文本的颜色。该“文本”可以是标题、正文及表中的文字,但不能用于超链接的文字。使用格式为: 2....

深入理解html5系列-文本标签

文章简介:       关于html5相信大家早已经耳熟能详,但是他真正的意义在具体的开发中会有什么作用呢?相对于html,他又有怎样的新的定义与新理念在里面呢?为什么一些专家认为html5完全...

HTML 文本标签

HTML 文本标签(火狐浏览器) 1.标题: 用于主标题,...用于子标题 如: This is a main heading This is a level 2 heading Th...

截取带HTML标签的文本(面试题)

最近忙着面试,遇到挺多有意思的面试题,拿出来跟大家分享一下,其中有个题是这样: 如果我想从内容中取100个字符出来(注:内容中有HTML代码,因为想保留基本的p、div、img、font、b、i),...
  • qrf0211
  • qrf0211
  • 2011年09月23日 08:16
  • 632

Java过滤任意(script,html,style)标签符,返回纯文本--封装类

不多说,直接code import java.util.regex.Pattern; /** * 过滤标签字符串,返回纯文本 * */ public class ChangePlainT...
  • hj7jay
  • hj7jay
  • 2016年04月06日 10:02
  • 859
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Html当中文本与标签如何居中
举报原因:
原因补充:

(最多只允许输入30个字)