关闭

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

标签: html标签
476人阅读 评论(0) 收藏 举报
分类:

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>

这里写图片描述

0
0
查看评论

HTML标签内的连接、文本、垂直居中 兼容绝大部分浏览器

body{font-family:"宋体"; vertical-align: baseline;font-size:12px;padding:0;margin:0;} #id1{ display:inline-block; width:...
  • itpinpai
  • itpinpai
  • 2013-07-24 13:44
  • 2723

如何让html文本居中显示

如果想让html文本居中显示,只需要加上一个align属性,例如:                          居中显示的文字  &#...
  • u010353028
  • u010353028
  • 2015-01-19 14:15
  • 2377

HTML把内容居中怎么弄

让内容居中,这个对于萌萌哒新人来说应该是经常遇到的问题,在我刚接触前端的时候我也为此而感到烦恼。 当时就在想,为什么把一个内容放在中间就不能像Word一样点一下那么简单呢? 现在的我面对一些简单的居中已经有了自己常用的一些办法。 水平居中 水平居中相对于竖直居中要简单一些,因为在HTML的布局中...
  • wurichengn
  • wurichengn
  • 2016-06-23 17:29
  • 2831

html元素水平居中的几种方法

<!-- To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open t...
  • u014306354
  • u014306354
  • 2016-08-14 00:45
  • 17013

html元素居中方案

居中问题,就不得不提到块级元素和行内元素。HTML中的所有标记都分为块级元素和行内元素两种,两者的区别是行内元素标记的下一个标记是接在行内元素的后面,而块级元素的下一个标记是在块级元素的下面,就是所谓的“标准流” ,最明显的例子就是标记和标记 html 标签居中 1. 标签是html的块元素,将后面...
  • wodetiankong516
  • wodetiankong516
  • 2013-09-30 10:24
  • 9534

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

这篇学习HTML中的居中标签和如何控制空格显示。 1.先看看居中效果,这里用标题来演示。默认不使用居中会在居左显示。 <!DOCTYPE html HTML中的居中标签center 标题居中显示 这个居左边显示 2.如...
  • u011541946
  • u011541946
  • 2017-07-17 22:14
  • 613

html标签被当成文本

后台在完成功能之后返回json对象 @RequestMapping("/upLoad") @ResponseBody public HarJson upLoad(MultipartFile upfile,String pipeId){ HarJson harJson =...
  • chenLeiInTuling
  • chenLeiInTuling
  • 2016-12-07 13:54
  • 523

Html内容竖直居中

针对div块: 我们可以使用类选择器;
  • u014552288
  • u014552288
  • 2014-10-09 14:07
  • 915

html——ul、li导航栏居中的两种办法

总结了下导航栏的制作方法:一种是用float设计,提前设置好高度与宽度,然后将要显示的元素设置为float::left依次显示。 ji
  • xcymorningsun
  • xcymorningsun
  • 2016-12-05 16:21
  • 11044

去除文本中的HTML标签

今天在做手机接口出现一个问题:   PC端使用在线编辑器编写的文档存入数据库是带有HTML标签,这些HTML标签在电脑端没有问题,但时在移动端就会显示出HTML的源代码, 如下图数据库中取出的数据: 上面图片中content列中的文本包含有很多HTML...
  • qq_16990363
  • qq_16990363
  • 2015-11-01 20:57
  • 1116
    个人资料
    • 访问:650991次
    • 积分:9253
    • 等级:
    • 排名:第2369名
    • 原创:332篇
    • 转载:87篇
    • 译文:0篇
    • 评论:113条
    最新评论