相关疑难解决方法(0)

我在这里错过了什么？

编辑,因为这在评论中不起作用:

以下解决方案导致:

----------------------------------------------------
|                                                  |
|                     Legend text                  |

但我要的是:

----------------------Legend text-------------------
|                                                  |
|                                                  |

编辑#2:

根据到目前为止的反馈,听起来这整个<legend>标签是一个失败的主张.有没有人有他们用什么代替这个的例子 - 具有类似外观更可靠的东西？

我需要在标题文本的两侧创建一个标题长度相等的标题,并在行和文本之间创建一个固定大小的填充.文本会有所不同,因此不能设置宽度.这些行应占用标题容器中可用的所有剩余宽度.标题文字不得设置背景,因为它背后的背景会有所不同.像这样的东西:

-------------------------------------------------- -------一些文字----------------------------------------- ----------------

我用表解决了它:

<table width="100%">
  <td><hr /></td>
  <td style="width:1px; padding: 0 10px; white-space: nowrap;">Some text</td>
  <td><hr /></td>
</table>?

你可以在这里试试:http://jsfiddle.net/md2dF/3/

从语义上讲,这是一个非常糟糕的解决方案,标题与表格数据无关.没有桌子你会怎么做？

总结一下(因为建议的解决方案都忽略了一个或多个要求):

• 标题不得有固定的宽度
• 标题文字不得有背景
• 标题文字不得有固定的宽度
• 文本两侧的线条必须占用所有剩余宽度
• 线条和文本之间的填充必须具有固定的宽度
• 如有疑问,请查看http://jsfiddle.net/md2dF/3/