如何创建边界与边界线在同一级别的边框？

Question

对短语的一种令人困惑的请求。但基本上我喜欢在内容周围设置边框，边框顶部中间有一些文字，而没有边框敲击文字。请参阅附件image。另外，如果您认为有必要，我会编辑提供我的代码。

谢谢！

Answer 1

你走了： https://jsfiddle.net/4nhk3ooy/1/

您将标题放在框中，然后将其position:absolute放入正确的偏移量。然后将标题的背景设置为正确的颜色。还要为它添加一些填充，因此边框和文本之间有一些空格。然后你只需要正确计算偏移量。另外请注意，对于某些响应功能，您可能需要编写一些JS算法来根据屏幕大小计算所有内容（因为您必须处理文本大小，在更改标头宽度之后，在更改标头填充之后和之后）采取所有这些并计算正确的偏移量）

并且还要注意，带边框的位置也必须是相对的，绝对的或固定的，或者绝对定位的标题不会对着div，而是对着屏幕。