html fieldset 中DIV宽度,使用div+css模拟fieldset标签

fieldset是html中一个不常用的标签，一般用于包装表单元素或者显示一些提示信息，在浏览器中会有一些比较酷的效果。虽然绝大部分的浏览器都支持，但是显示的效果却不尽相同，如边框、宽度等，为了保持一致的效果，参考网上的资料，整理实现了使用div+css模拟fieldset。

效果截图：

标题可以根据文字数量自动适应，边框颜色可以改变，高度可以根据内容自动适应，当然有了源代码什么都可以改。

html源码：

这里是标题

这里是内容

然后我又开了历史的倒车，把这个封装成了一个asp.net webform 自定义控件。

设计时效果：

设计时源码：

运行效果和纯html是一样一样的。

除了通过属性可以设置内容，还可以在标签中直接编写内容，但是两者只能选其一，并且属性优先，如下：

这里是内容。

控件的属性：

这几个特殊的属性是为了方便控制相关样式的，有了他们简单设置下就可以用上了，当然控件的其它有关样式的属性仍然会起作用。

如果愿意使用此控件，点击这里下载，无毒无公害。