HTML中怎么使文字各种居中对齐？（代码示例）

本篇文章主要介绍了如何去写关于html文字居中代码。希望对有需要的朋友有所帮助。

web前端全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）

html文字居中代码具体示例如下：

<!DOCTYPE HTML>
<html lang="en">
<head><title>html文字居中测试</title><meta charset="UTF-8"><style type="text/css">body{background: #ddd;}div{width:300px;height:180px;margin:10px auto;color:#fff;font-size:24px;}.box1{background: #71a879;text-align: center;}.box2{background: #6a8bbc;line-height: 200px;}.box3{background: #dea46b;text-align: center;line-height: 200px;}</style>
</head>
<body>
<div  class="box1">html文字水平居中</div>
<div  class="box2">html文字垂直居中</div>
<div  class="box3">html文字水平上下居中</div>
</body>
</html>

以上代码效果在本地测试如下图：

那么通过本篇文章关于html文字居中的相关知识是否有更进一步的了解呢？其实这里我们主要记住这些关键点，在html中，让文字居中的css代码：

1、平水居中：text-align:center；

text-align 属性规定元素中的文本的水平对齐方式。

该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。

2、垂直居中：line-height:height;

line-height 属性设置行间的距离（行高）。

注释：不允许使用负值。

以上就是HTML中怎么使文字各种居中对齐？（代码示例）的详细内容，更多请关注我！！

HTML中怎么使文字各种居中对齐？（代码示例）相关推荐

居中小圆点html,css：li中的list-style小圆点和文字没有居中对齐的解决办法
li的list-style小圆点和文字没有居中对齐? 我们开始 .ul li{ list-style:disc inside;} 感觉小圆点和文字没有居中对齐(小圆点在偏下一点),有什么方法使他们居中 ...
speedoffice（PPT）文字如何居中对齐
当我们需要制作PPT幻灯片的时候,我们想要制作一份漂亮的幻灯片,幻灯片的排版特别重要,而排版过程中,我们肯定会遇到有关文字和图片的对齐操作,比如PPT如何设置文字居中呢? 首先,用speedoffic ...
speedoffice（Word）文字怎么居中对齐
通常Word默认是左边对齐,但是有时我们在编辑文件时,为了美观,文字需要居中对齐,那么怎么居中对齐了?以最常用的speedoffice为列 1.首先,我们打开一个Word文档,选中需要进行居中对齐的文 ...
word怎么把页面顺序倒过来_在excel中怎么使文字颠倒顺序反过来显示呢?
有时我们会看到大神们将文字逆序显示,他们是怎么做的呢?难道是一个一个字打上去或者是复制的么?下面小编就教你在Excel中如何快速将文字颠倒.好了话不多说开始介绍了.这是完成图可以看看. 软件名称:Of ...
python居中对齐代码end_Python tkinter.END属性代码示例
本文整理汇总了Python中tkinter.END属性的典型用法代码示例.如果您正苦于以下问题:Python tkinter.END属性的具体用法?Python tkinter.END怎么用?Pyth ...
python求1到n的乘积_Python如何计算列表中所有数字的乘积？（代码示例）
在Python中如何将列表中所有数字相乘,然后返回乘积值.下面本篇文章就来给大家介绍三种将列表中的所有数字相乘.计算乘积值的方法,希望对大家有所帮助. 方法一:使用遍历将变量product的值初始化 ...
python中config命令_Python config.config方法代码示例
本文整理汇总了Python中config.config方法的典型用法代码示例.如果您正苦于以下问题:Python config.config方法的具体用法?Python config.config怎么 ...
html表格中文字上下左右居中对齐,word表格中文字如何设置左右和上下居中(水平和垂直居中)...
word表格中文字如何设置左右和上下居中(水平和垂直居中) 时间:06-25 作者:snow 来源:互联网想使表格中的文字居中,现文字在表格的下方,点单元格属性的垂直居中按钮也不行,文字反倒 ...
word段落每行首字怎么对齐_如何将emword/em中上下两行文字首字对齐？-word 左右对齐,word同一行不同...
格式工具栏里有个按钮"分散对齐", 选中第一行点按钮,输入新文字宽度10.就ok了以2007为例: 1.选择这部分内容,鼠标右键->选择"段落"抄,弹出 ...

HTML中怎么使文字各种居中对齐？（代码示例）

HTML中怎么使文字各种居中对齐？（代码示例）相关推荐

最新文章

热门文章