零基础建站培训介绍

当前位置:

html 居中对齐代码写法

在做网站时,网页的文字往往需要进入居中排版,例如水平居中和垂直居中等。下面学做网站就来介绍一下常用的html 居中对齐代码写法。

HTML水平居中

HTML水平居中使用text-align属性来控制。代码写法如下:


<style>.test{text-align:center;}</style>
<div class="text">文字水平居中</div>

HTML垂直居中

HTML垂直居中的原理就是设置高度与行高相等。使用line-height属性来控制。代码写法如下:


<style>.test{height:40px;line-height:40px;}</style>
<div class="text">文字垂直居中</div>

HTML图片居中

HTML图片居中需要设置图片的左右外边距为auto;使用margin属性来控制。代码写法如下:


<style>.test img{width:200px;height:200px;display:block;margin:0 auto;}</style>
<div class="text"><img src="../logo.png" /></div>
上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关教程

  • 在进行学习HTML视频教程时,很多学建网站学员会对div、section、article的使用混淆。下面学做网站论坛就来讲一下div 与 section、article 区别及使用
  • html与xhtml有什么区别 (13574 次学习)
    html与xhtml都是静态网页的一种格式,在我们自己做网站时,都会经常遇到。它们之间有很多的相同点,也有一点区别:1.XHTML 元素必须被正确地嵌套。
  • html超文本标记语言 head 头部font 字体 字形i(italic) 倾斜,斜体字big 大的,字体加大hr 水平线Pre(predefined)预定义h5
  • 什么是HTML标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML标签即是网页浏览器识别符,就像一个人名字张三、李四代表人的姓名一样。这里说
  • HTML字体加粗标签怎么写 (119016 次学习)
    HTML中给字体加粗一般会使用HTML字体加粗标签。HTML字体加粗标签就是<strong>标签。<strong> 要加粗的文字 </strong><str
  • html5废除的元素有哪些 (14960 次学习)
    html5废除的元素:•1.能使用css代替的元素对于basefont、big、center、font、s、strike、tt、u这些元素,由于他们的功能都是纯粹为画面展示服务的,
  • html字体颜色设置方法 (11537 次学习)
    在网页开发的过程中,有时为了网页的美观,需要给网页中的字体设置不同的颜色,那么,怎么来设置字体颜色呢?本篇文章就来给大家来介绍html设置字体
  • html基本语法汇总 (15443 次学习)
    简介HTML(Hyper Text Mark-up Language超文本标记语言):不是编程语言,而是一种描述性的标记语言,用于描述网页中内容的显示方式,比如文字以什么颜
  • 通常所说的META标签,是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、
  • HTML文档Doctype声明含义 (13753 次学习)
    html网页中,我们经常会看到下面的代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/str