html如何缩进对齐,CSS：文本样式（缩进/对齐/字符间隔/文本装饰/空白格处理）_html/css

CSS 文本

(一)首行数字缩进

首行缩进5em的段落。这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容

(二)首行数字缩进为负值

首行缩进-5em,padding-left=5em的段落(悬挂缩进的效果)。这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容

(三)首行相对父元素百分比缩进

首行相对父元素缩进20%。由于父元素是500px,因此本段落首行就缩进100px。这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容这是段落内容

some text. some text. some text.

this is a paragragh.

(四)文本对齐方式

这是一个居左的段落

这是一个居中的段落

这是一个居右的段落

(五)字间隔：设置字,单词之间的间隔

This is a normal paragraph. 这是普通段落，这是普通段落。

The spaces between words will be increased. 单词之间的间距被扩大了，单词之间的间距被扩大了。

The spaces between words will be decreased. 单词之间的间距被缩小了，单词之间的间距被缩小了。

注：word-spacing属性对中文无效。

(六)字符间隔：设置字符或字母之间的间隔

This is a normal paragraph. 这是普通段落，这是普通段落。

The spaces between letters will be increased. 字符之间的间距被扩大了，字符之间的间距被扩大了。

The spaces between letters will be decreased. 字符之间的间距被缩小了，字符之间的间距被缩小了。

(七)字符转换：改变字母的大小写

Hello world转为大写：Hello world

Hello world转为每个单词首字母大写：Hello world

(八)字符装饰：下划线/贯穿线等

下划线

上划线

(九)空格处理

(1)normal:这个段落里面有很多的空格以及很多的换行符，测试不同的空格处理方式

(2)pre:这个段落里面有很多的空格以及很多的换行符，测试不同的空格处理方式

(3)pre-wrap:这个段落里面有很多的空格以及很多的换行符，测试不同的空格处理方式

(4)pre-line:这个段落里面有很多的空格以及很多的换行符，测试不同的空格处理方式

(5)nowrap:这个段落里面有很多的空格以及很多的换行符，测试不同的空格处理方式

html如何缩进对齐,CSS：文本样式（缩进/对齐/字符间隔/文本装饰/空白格处理）_html/css_WEB-ITnose...相关推荐

html div居中左对齐,div对齐 CSS实现DIV居中对齐 div居右对齐 div居左对齐
div对齐 CSS实现DIV居中对齐 div居右对齐 div居左对齐使用CSS浮动属性实现DIV各种对齐,比如DIV层左对齐,DIV居中对齐,DIV居右对齐等(DIV靠右居中靠左对齐介绍篇) 实 ...
html文本缩进自动换行,CSS 段落/换行/缩进
CSS 段落/换行/缩进 1.盒模型 box-sizing: content-box|border-box|inherit; content-box(默认) : 实际宽度/高度 = width/hei ...
HTML---文本样式---行高---字符间距---文本对齐方式---文本使用线条修饰---文本的大小写---处理元素内的空白---字体样式---无序列表有序列表---表格
文章目录文本样式 color direction line-height letter-spacing text-align text-indent text-decoration text-tra ...
css如何实现文字两端对齐,CSS实现文字两端对齐的方法是什么
CSS实现文字两端对齐的方法是什么发布时间:2020-08-31 14:13:18 来源:亿速云阅读:76 作者:小新小编给大家分享一下CSS实现文字两端对齐的方法是什么,希望大家阅读完这篇文章 ...
html 设置图片左对齐,CSS设置图片的对齐
CSS设置图片的对齐横向对齐方式图片的水平对齐方式和文字的水平对齐方式基本相同,分别是左.中.右三种方式,不同的是,图片的水平对齐通常不能直接通过设置图片的text-align属性设置,而是,通过 ...
CSS - 常用样式属性（字体、文本、背景相关、鼠标）
CSS基础选择器、字体和文本样式
一.CSS简介美化网页.布局页面 CSS(层叠样式表Cascading Style Sheets)(CSS样式表或级联样式表) 主要用于设置HTML中的文本内容(字体.大小.对齐方式等).图片的外形 ...
前端学习笔记之——设置文本样式
设置文本样式 1.应用基本文本样式 1.1.对齐文本有好几个属性可以用来设计文本内容的对齐方式. 属性说明值 text-align 指定文本块的对齐方式 start end left right ...
行间距和文本样式的设置
目录行间距文本样式行间距 1.行高(line-height) --> 文字占有的实际高度 line-height: 200%;line-height: 20px;line-height: ...
修改表格字体颜色_word排版应用：如何创建文本样式和表格样式
样式,大家应该不陌生,在Word中是一个非常强大的功能,运用得好,可以节省很多时间和精力.但如果你不会用,关键时刻可以把你急哭了! 在前面的"Word样式,简单又实用!"和&quo ...

html如何缩进对齐,CSS：文本样式（缩进/对齐/字符间隔/文本装饰/空白格处理）_html/css_WEB-ITnose...

html如何缩进对齐,CSS：文本样式（缩进/对齐/字符间隔/文本装饰/空白格处理）_html/css_WEB-ITnose...相关推荐

最新文章

热门文章