7

是否可以使 div 标题显示如下：

在此处输入图像描述

我知道我可以将文本“Div Title here”放在 div 中，给它一个坚实的背景并用绝对坐标定位它，但我希望标题与 div 相关联，而不是与整个文档相关联，所以我可以移动 div 而不必担心移动标题。

我在这里设置了一个小提琴：http: //jsfiddle.net/Eth6U/。

4

5 回答 5

11

您可以使用<fieldset>标签来执行此操作...

这是一个例子......

<fieldset>
    <legend>Div title here...</legend>
</fieldset>

<fieldset>您可以像<div>在 CSS 中一样编辑标签...

于 2012-06-11T14:36:45.680 回答
6

您可以使用fieldset和legend标签。

例如：

<fieldset>
    <legend>The title</legend>
    <p>hello!</p>
</fieldset>
于 2012-06-11T14:36:13.207 回答
1

听起来您正在寻找fieldsetand legend。

<fieldset>  
  <legend>Title</legend>  
  ...
</fieldset>  
于 2012-06-11T14:38:21.300 回答
1

这在 SitePoint.com 上进行了讨论，似乎最好的方法是在 div 中嵌套一个 div 并使用负边距来正确定位它，我相信你不想这样做。

您正在尝试做的与表单的字段集图例非常相似，您可以使用该 html 并使用 CSS 对其进行样式设置以自定义其外观。例子

于 2012-06-11T14:45:30.593 回答
1 
<fieldset>
<legend>Div Title Here</legend>
<!-- Write your code here what do you want in that fieldset-->
</fieldset>
于 2012-06-11T15:11:21.913 回答