在vue中，我們經常使用label標簽來描述表單元素，不過有時候label內容會比較長，導致在移動端頁面上顯示不全。這時候我們可能需要對label內容進行換行，使其能夠完整顯示。下面我們來看看如何實現vue中的label換行。

<template>
<form>
<label for="username">
用戶名：
<span style="white-space:pre-wrap">
<input type="text" id="username" v-model="username" />
</span>
</label>
</form>
</template>
<script>
export default {
data() {
return {
username: ''
}
}
}
</script>

如上代碼所示，我們可以在label標簽中添加一個span標簽，并設置其white-space屬性為pre-wrap，這樣label中的內容就能夠自動換行了。同時，在span中還可以添加表單元素，例如上面的input標簽，這樣就能夠優雅地實現label和表單元素的對齊。