当超链接出现时,图例不再在fieldset中“in-bar”

时间:2014-12-13 14:11:49

标签: html

在使用fieldset创建的框中:

<fieldset>
  <legend> Legend </legend>
  <p>
  Lorem ipsum, etc.
  </p>
</fieldset>

这最初显示为:

+-- Legend --------
| Lorem ipsum, etc.

我发现只要添加一个锚点(一个href = ...),就像这里一样:

<fieldset>
  <legend> Legend </legend>
  <p>
  Lorem <a href="http://www.ipsum.com">ipsum</a>, etc.
  </p>
</fieldset>

然后传奇文字或多或少被强制进入框中:

+---------------
| Legend
| Lorem <a href="http://www.ipsum.com">ipsum</a>, etc.

是否可以采取措施防止这种情况发生,即保持图例出现在字段集边框中?

1 个答案:

答案 0 :(得分:0)

事实证明,我的字段集之前有一个名字锚点:

<a name="name" />
<fieldset>
  <legend> Legend </legend>
  <p>
  Lorem <a href="http://www.ipsum.com">ipsum</a>, etc.
  </p>
</fieldset>

将其更改为

<a name="name"></a>
<fieldset>
  <legend> Legend </legend>
  <p>
  Lorem <a href="http://www.ipsum.com">ipsum</a>, etc.
  </p>
</fieldset>

解决了这个问题。我认为我使用的表单是正确的HTML,虽然我认为HTML 5已停止使用。