-1

私が探しているのは、左側に固定幅のdivがあり、その隣にテキストコンテンツによって幅が設定されているdivがあり、最後のdivが残りの幅を埋めていることです。

これは私がこれまでに持っているものです：

<div style="width: 100%">
  <div style="border: 1px solid black; height: 2px; float: left; width: 100px; ">
  </div>
  <div style="float: left; position: relative; top: -10px; padding-left: 5px; padding-right: 5px;">
    Text
  </div>
  <div style="border: 1px solid black; height: 2px; float: left; ">
  </div>
</div>

ここでの例：http：//jsfiddle.net/Xjxeu/

例が必要ですが、3番目のdivが右側に伸びています。

これは大きな「ハック」なしで可能ですか？

4

1 に答える 1

0

使用できますdisplay: table;

人々はそれがハックであるかどうかに同意せず、一般的にテーブルを見下すことがありますが、実際には問題ありません。テーブルやtdsなどを使用しておらず、単に。divのような動作をしているだけtableです。

こちらのデモ

これを達成するための最良で最も信頼できる方法です。

IE7以下はサポートしていません。

于 2012-11-26T17:54:42.790 に答える