如何將字段集設置為 flex 以使圖例位於內容的左側？
[英]How can a fieldset be set to flex so that the legend is on the left of the content?
問題描述
我想用 flex 格式化字段集/圖例，以便圖例位於字段集內容的左側。 我知道我可以float:left傳說，但不知何故在 Safari 14 這不起作用。 我該如何解決這個問題？
fieldset { display: flex; align-items: baseline; } legend { display: block; float: left; width: 250px }
<fieldset> <legend>Should float in line with content</legend> Content </fieldset>
1 個解決方案
解決方案1
0 2021-04-26 15:01:22
您可以設置父display: inline
fieldset { display: inline; } legend { float: left; width: 250px }
<fieldset> <legend align="left">Should float in line with content</legend > Content </fieldset>
如何以％（帶圖例）獲取跨瀏覽器表單`fieldset`內容高度
[英]How to get cross-browser form `fieldset` content height in % (with legend)
如何使圖例擴展字段集的全寬並保持內容填充？
[英]How to make legend extend full width of fieldset and maintain content padding?
我怎樣才能收縮圖像以適應父母設定高度內的所有彈性孩子
[英]How can I flex shrink image so as to fit all flex children within parents set height
如何顯示和隱藏html字段集以及如何從Asp.Net代碼后面設置圖例文本
[英]How to show and hide html fieldset And also Set legend text from Asp.Net Code behind
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.