0 
<html>

<head>
<title>Title</title>
<style type="text/css">

#container {
    position: relative;
}
#line {
    border-bottom: thin solid gray;
    display:inline-block;
    position:relative;
    bottom: 1ex;
    width:90%;
}
</style>
</head>

<body>
<div id="container">
    <span id="title">Title</span>
    <span id="line"></span>
</div>
</body>
</html>

スパン「ライン」の幅が「コンテナ」の幅からスパン「タイトル」の幅を引いたものと等しくなるようにするにはどうすればよいですか?

編集

「タイトル」内のテキストによって決定される「タイトル」の幅。

4

1 に答える 1

1

簡単な答えは、#title に幅を持たせることです。たとえば、#title に 10% の幅を割り当てると、問題は解決します (すでに #line に 90% の幅を割り当てているため)。それほど簡単ではない答えは、JavaScript を使用して幅を計算することです。

于 2009-11-09T04:49:32.387 に答える