fieldset是html中一个不常用的标签,一般用于包装表单元素或者显示一些提示信息,在浏览器中会有一些比较酷的效果。虽然绝大部分的浏览器都支持,但是显示的效果却不尽相同,如边框、宽度等,为了保持一致的效果,参考网上的资料,整理实现了使用div+css模拟fieldset。
效果截图:
标题可以根据文字数量自动适应,边框颜色可以改变,高度可以根据内容自动适应,当然有了源代码什么都可以改。
html源码:
这里是标题 这里是内容然后我又开了历史的倒车,把这个封装成了一个asp.net webform 自定义控件。
设计时效果:
设计时源码:
运行效果和纯html是一样一样的。
除了通过属性可以设置内容,还可以在标签中直接编写内容,但是两者只能选其一,并且属性优先,如下:
这里是内容。
控件的属性:
这几个特殊的属性是为了方便控制相关样式的,有了他们简单设置下就可以用上了,当然控件的其它有关样式的属性仍然会起作用。
如果愿意使用此控件,点击这里下载,无毒无公害。