webstorm中emmet展開a標籤和行內元素不換行的解決辦法

你們好我是木瓜太香，你們在使用 webstorm 編寫 html 的時候可能會遇到展開部分標籤挨在一塊兒的狀況，相信不少小夥伴都想解決這個問題，接下來咱們就開始吧！

先來看看咱們輸入以下 emmet 代碼的時候展開的效果是怎麼樣的

div>a*3

展開效果：

這個時候咱們可能須要本身去一個一個回車排版，固然這確定不是你想要的，如今咱們來解決這個問題。

在解決問題以前，咱們要知道產生這個問題的緣由，在 webstorm 中是對標籤進行分類的，其實從邏輯上來講，a 標籤這種自己就屬於行內標籤，不換行在邏輯上是沒有任何問題的，可是咱們開發的時候常常須要根據狀況來調整，由於不少時候 a 標籤會寫的很長，咱們更但願換行來增長可讀性。

解決辦法： 將 a 標籤在 webstorm 中的分類變成非行內標籤便可。

設置路徑：File | Settings | Editor | Code Style | HTML | Other

找到上述路徑對應的頁面以後，向下翻動，找到 Inline elements 這個選項，將右邊輸入框中的 a 標籤刪除掉，以後保存設置便可，其餘的行內標籤也是一樣的修改方法。

通過以上的修改咱們最終展開的效果以下圖：

好了這個問題到這裏咱們就解決了，若是你們有更多 webstorm 上的疑問，或者想學習更過 webstorm 相關的技巧，能夠去嗶哩嗶哩搜索：木瓜太香 。（PS：目前應該是對 webstorm 作的最全的了）

我本身建了一個web前端的交流裙有興趣的能夠加入進來交流哦：237871108。固然你也能夠經過嗶哩嗶哩搜索木瓜太香找到我。