html如何设置首行缩进
生活随笔
收集整理的這篇文章主要介紹了
html如何设置首行缩进
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這篇文章主要介紹“html如何設置首行縮進”,在日常操作中,相信很多人在html如何設置首行縮進問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”html如何設置首行縮進”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
設置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 屬性的值。
代碼示例:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>億速云(php.cn)</title>
<style>
p{text-indent:50px;}
</style>
</head>
<body>
<p>InmyyoungerandmorevulnerableyearsmyfathergavemesomeadvicethatI'vebeenturningoverinmymindeversince.</p>
</body>
</html>
運行效果如下圖所示:
總結
以上是生活随笔為你收集整理的html如何设置首行缩进的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ABAP Create Decision
- 下一篇: OPC协议_opc通讯协议简介