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文件怎么转换成pdf文件

Html怎么设置图片大小

Html中怎么设置每行文字的间隔

向Html中插入视频并兼容所有浏览器的方法

react中的Html转义写法

Html有序列表怎么弄自定义

页面性能优化的方法总结

了解浏览器渲染网页的每个步骤机制！

Html如何引入css文件

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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