0

我们有一个标题，它的左右两行。

左行必须填充标题左侧的剩余区域（减去小边距），右行必须填充标题右侧的剩余区域。

请参阅下面的说明我需要什么。

插图

4

2 回答 2

1

使用<HR>元素绘制线条并将带有文本的 DIV 放在其上，并为其赋予与页面相同的背景颜色。

于 2012-11-07T13:59:54.303 回答
0

那么两个继承的元素呢，其中父元素有一个背景，其中有一条线。子元素包含白色背景并有一个小填充。如果将子元素居中在父元素中，您应该会获得所需的效果。

这例如应该工作：

<html>
    <head>
        <title></title>
        <style type="text/css">
            #header {
                width: 100%;
                padding: 0;
                background: url(img/line.png) repeat-x;
            }

            #headertext{
                text-align: center;
            }

            #headertext h1 {
                display: inline;
                background-color: white;
                font-size: 150%;
                padding: 4px;
            }
        </style>
    </head>
    <body>
        <div id="header">
            <div id="headertext">
                <h1>Heading</h1>
            </div>
        </div>
    </body>
</html>
于 2012-11-07T14:14:41.460 回答