整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
于具有很多屬性的標簽，我希望在新行上分割每個屬性，當按Enter鍵調用新行時，它應該只縮進一個標簽。
以下示例輸出我想如何縮進我的屬性：
<svg width="300px" height="150px"> <ellipse class="fill-current" cx="150" cy="75" rx="100" ry="75" /> </svg>
但PHPStorm會自動嘗試將我所有的行縮進到當前屬性：
<svg width="300px" height="150px"> <ellipse class="fill-current" cx="150" cy="75" rx="100" ry="75" /> </svg>
我無法在設置（編輯器 - >代碼樣式 - > HTML）中找到任何選項來更改此行為。有誰知道這個問題的解決方案？
這背后的原因是因為我經常在我的HTML模板中使用自定義標簽。有時候我自己的標簽很長，并且是2個或（罕見的情況下）3個單詞的組合，并且在新行上啟動所有額外屬性并且它不應該在標簽的末尾對齊。自己縮進屬性是很麻煩的。我想自動化它。
乎上出現了一個問題：為什么網上的文章越來越少采用首行縮進了？ 這個問題，恰好與我現在的工作有些關系。
我們的行為，是受外部條件制約的，時間長了，就慢慢形成習慣習俗了。現在網絡文章不首行縮進，根本原因也是如此。
在知乎的答案中，很多答案說首行縮進的產生是印刷品或紙張為了方便排版和節用紙，使用首行縮進方式進行排版，方便讀者閱讀。在互聯網上，節約紙張的需求從根本上就不存在了,以段落劃分，是更自然的行為。清晰地段落劃分已足夠滿足讀者的閱讀需求。
相關答主從紙張排版上分析紙本上為什么需要首行縮進，分析的很到位。
在數字時代，換行區分段落實際上是有很深的技術根源。從技術角度，首行不縮進的顯示要比首行縮進顯示技術實現要容易太多了。
在web技術剛誕生的時候，完全沒有提供豐富的排版功能，只能簡單的顯示文本。網頁排版的CSS技術、圖片音視頻等功能，都是在技術進步中逐步增加的。即使技術發展到了現在，對網頁內容進行美觀排版，依然不是一件容易的事情。
網絡上的文章，大多都是用戶通過富文本編輯器創作出來的。首行縮進在富文本編輯器中要實現完美，有極大的難度。以頭條文章創作的這個編輯器而言，首行縮進功能已經被深深藏進了隱藏菜單里面。
從技術上實現自動首行縮進，難度很大，不是每一個技術人員都能順利實現的。手動一行行進行縮進，這也讓創作者感覺過于麻煩了。
出于技術上的難點，用戶可以接觸到的絕大部分富文本編輯器，都沒有提供方便的首行縮進功能。在這樣的技術條件下，使用者都逐漸習慣了沒有首行縮進的文章。
等完全數字化一代成長起來，或許會困惑：為什么之前的書本上會有首行縮進。
天來說下HTML語言CSS樣式字體的文本縮進 text-indent
text-indent屬性用來指定文本的第一行的縮進，通常是將段落的首行縮進。來看下語法使用:
div {
text-indent:10px;
}
來看下使用效果,使用前:
每一行沒有縮進
使用后:
每個段落的第一行都縮進了20px，具體代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS樣式之文本縮進</title>
<style>
p {
text-indent: 20px;
}
</style>
</head>
<body>
<p>第一年，我考上了大學，來到了北京,冬天的雪就像冷冷的冰雨，
在臉上胡亂的拍.搖啊搖，搖啊搖，搖到外婆橋,從此世人眼中的你就像超人一樣屹立于天地間。
</p>
<p>一片冰心在玉壺，我勸天公重抖擻，不拘一格降人才。一片冰心在玉壺，我勸天公重抖擻，不拘一格降人才。</p>
<p>只有聆聽你的聲音，才能撫平我寂寞無聊的心，HTML5。只有聆聽你的聲音，才能撫平我寂寞無聊的心，HTML5</p>
</body>
</html>
需要縮進的像素可以是任意值，除了正的px,還可以是負的值，可以看下效果:
這不是我的瀏覽器壞了，展示不了段落首部，是將px修改為-20px
具體代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS樣式之文本縮進</title>
<style>
p {
text-indent: -20px;
}
</style>
</head>
<body>
<p>第一年，我考上了大學，來到了北京,冬天的雪就像冷冷的冰雨，
在臉上胡亂的拍.搖啊搖，搖啊搖，搖到外婆橋,從此世人眼中的你就像超人一樣屹立于天地間。
</p>
<p>一片冰心在玉壺，我勸天公重抖擻，不拘一格降人才。一片冰心在玉壺，我勸天公重抖擻，不拘一格降人才。</p>
<p>只有聆聽你的聲音，才能撫平我寂寞無聊的心，HTML5。只有聆聽你的聲音，才能撫平我寂寞無聊的心，HTML5</p>
</body>
</html>
根據大家寫文章段落的習慣，一般都是縮進兩個字，但是20px或者10px是不是2個字的長度呢，回答不是的。縮進字數長度有專門的單位: em
通過設置該屬性，所有元素的第一行都可以縮進一個給定的長度，甚至該長度可以是負值。
em是一個相對單位，就是當前元素 font-size 1個文字的大小，如果當前元素沒有設置大小，則會按照1個父元素文字大小。
我們來看下效果:
確實是縮進了2個字的長度，看下對應代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS樣式之文本縮進</title>
<style>
p {
text-indent: 2em;
}
</style>
</head>
<body>
<p>第一年，我考上了大學，來到了北京,冬天的雪就像冷冷的冰雨，
在臉上胡亂的拍.搖啊搖，搖啊搖，搖到外婆橋,從此世人眼中的你就像超人一樣屹立于天地間。
</p>
<p>一片冰心在玉壺，我勸天公重抖擻，不拘一格降人才。一片冰心在玉壺，我勸天公重抖擻，不拘一格降人才。</p>
<p>只有聆聽你的聲音，才能撫平我寂寞無聊的心，HTML5。只有聆聽你的聲音，才能撫平我寂寞無聊的心，HTML5</p>
</body>
</html>
每個段落第一行如果想要三個字間距，就是3em
今天就先到這里，大家周末快樂~
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
