模拟fieldset

2020-11-25  本文已影响0人  价值投机168

使用div来模拟,fieldset浏览器做了特殊处理。
<div class="fieldset" style="flex-grow: 1;margin-left: 5px;">
<span class="title">标题</span>
<div>内容</div>
</div>

它的css:
.fieldset
{
position: relative;
border: 1px solid #ccc;
padding: 15px;
box-sizing: border-box;
border-radius: 3px;
margin-top: 10px;
}
.fieldset .title
{
position: absolute;
top: -13px;
left: 20px;
line-height: 2em;
padding: 0 1em;
background-color: #fff;
}

上一篇 下一篇

猜你喜欢

热点阅读