如何将字段集设置为 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.