不確定這個相關問題是否
這是一個示例 HTML 塊
<div
class="
ltr:ml-auto
rtl:mr-auto
relative
max-w-xs
w-full
h-full
bg-white
shadow-xl
py-4
pb-12
flex flex-col
overflow-y-auto
"
>
</div>
有什么簡單的方法可以將所有這些類名更改為一行?
預期輸出:
<div class="ltr:ml-auto rtl:mr-auto relative max-w-xs w-full h-full bg-white shadow-xl py-4 pb-12 flex flex-col overflow-y-auto">
</div>
uj5u.com熱心網友回復:
在 PhpStorm 或任何其他 JetBrains IDE 中:
- 選擇線條
- 呼叫“代碼|加入行”(Ctrl Shift J此處在 Windows 鍵盤映射上)
最后結果:
<div class=" ltr:ml-auto rtl:mr-auto relative max-w-xs w-full h-full bg-white shadow-xl py-4 pb-12 flex flex-col overflow-y-auto"></div>
筆記:
- 第一行縮進將保留
- 在某些地方可能有額外的空間(在這種情況下,在第一個類名之前
<div vertical-align: inherit;">:)
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/456383.html
標籤:视觉工作室代码 ide 暴风雨 崇高文本3 顺风CSS
