首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 →  php教程> html首行缩进怎么设置

html首行缩进怎么设置

时间：2021-06-28

来源：互联网

标签：

在手机上看
手机扫描阅读

今天PHP爱好者为您带来设置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 属性的值。

代码示例：

<!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首行缩进怎么设置的详细内容，更多请关注php爱好者其它相关文章！

相关阅读 更多

今日更新

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net