私が達成しようとしていることを示すために、次の JS Fiddle を用意しました: http://jsfiddle.net/sVKU8/2/
1)この最初の部分は簡単だと思います-親label
クラスを更新して、2つの子のwidth
合計幅に基づいて自動的に設定されるようにする方法はありますか? 設定はそれでいいと思っていたのですが、どうやら私のCSSスキルが不足しているようです。<div>
<div>
width: auto
2)次に達成したいのはwidth
、クラスから属性を削除し、 JavaScript を介してテキストをラッピングせずにテキストlabel-text
を適用するたびに、幅を設定する (または、可能であれば自動的に拡大する)ことです (つまり、元の高さを維持します)。クラス)<div>
。label
実際のテキストに基づいて幅を計算する必要があるのか 、それともテキストを拡大できる幅設定でテキストを適用する方法があるのか どうかはわかりませんでした.
ご意見やご提案をいただければ幸いです。