當 label 有換行符時，如何在 SimpleForm 的底部垂直對齊值

Question

當 label 太長以至於它中斷（而在其他情況下不會弄亂樣式）時，您是否有一個好主意如何使值與SimpleForm中的冒號對齊？
我希望該值與此處底部的冒號對齊 - 標記為黃色：
但我對它在所有其他情況下的外觀感到滿意 - 沒有換行符：
並在電話中：

這是示例代碼：
https://embed.plnkr.co/qwU16eZj6VeIEYnH/preview

Answer 1

根據 SAP Fiori 設計指南Form / Simple Form ：

為避免截斷，forms 中的標簽會自動換行。

始終致力於使您的標簽盡可能簡潔。 請記住，label 不是幫助文本。 它必須是有意義的、簡潔的、簡短的和描述性的。 換行功能的目的是使完整的 label 文本清晰易讀，並有助於避免不必要地使用縮寫。 它不打算作為很長標簽的后備。

除了保持標簽盡可能簡潔但避免縮寫之外，目前沒有可靠的解決方案可以垂直對齊表單元素，以防 label 被包裹。 您可以要求Form控件開發人員澄清當前行為是否是預期的設計，如果不是，則對其進行修復。