html首行缩进怎么设置

PHP中文网 JavaScript

本文摘自PHP中文网，作者V，侵删。

设置html首行缩进的方法是，给段落文本添加text-indent属性，并设置合理的缩进值大小即可，例如【p {text-indent:50px;}】。

本文操作环境：windows10系统、html 5、thinkpad t480电脑。

我们可以通过text-indent属性来实现文本的首行缩进效果，使用起来非常简单。可能有不少小伙伴不太了解text-indent属性，下面我们就来了解下text-indent属性。

text-indent 属性规定文本块中首行文本的缩进。

属性值：

  • length 定义固定的缩进。默认值：0。

  • % 定义基于父元素宽度的百分比的缩进。

  • inherit 规定应该从父元素继承 text-indent 属性的值。

代码示例：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>php中文网(php.cn)</title>

<style>

p {text-indent:50px;}

</style>

</head>

<body>

 

<p>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. </p>

 

</body>

</html>

运行效果如下图所示：

42cbf317920d9ed9429681a656fc34b.png

相关推荐：html视频教程

以上就是html首行缩进怎么设置的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

Html <!--...-->标签怎么用

Html的意思是什么

Html元素由哪几部分构成

Html tbody标签是什么意思？Html tbody标签align属性用法详解

Html dd标签怎么用

Html的<time>标签是啥子，有用吗？

Html table表格是什么？<table>标签中各种属性的使用方法

关于Html colgroup标签的用法你知道哪些？colgroup用法和col的详细介绍

构成Html代码的三个部分是什么

用Html中标签制作表单实例

更多相关阅读请进入《Html》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...