jQuery アコーディオン ウィジェットを使用しているため、折りたたみバーに表示されるテキストは<h3>タグ内に配置する必要があります。私の折りたたみバーには、3 つの個別の関連情報 (ファイル名、サイズ、および日付) が含まれています。完全に折りたたまれたアコーディオンが 3 列のテーブルのようになるように、これら 3 つの項目をバーの左、中央、および右にレンダリングしたいと思います。これを行う方法はありますか？
私はfloat:right（以下を参照）を使用して、ファイル名だけを左に、サイズと日付を一緒に右に配置しようとしました。これは私が望んでいるものではありませんが、妥当な妥協点だと思いました. ただし、セクションを展開すると、展開された領域は、ページ全体ではなく、右側にフローティングされたテキストが始まる場所までしか広がりません。これは少し奇妙に見えます。また、私が知る限り、フロート テキストを複数のバーにまたがって左揃えにする方法も提供していません。これは、floatそれぞれが独自の幅を持つ個別の s である必要があるためです。
<h3>
myfile.xls
<span style="float:right">153 kB, 03/12/2013</span>
</h3>
padding-right次に、最初の 2 つのデータ (以下) にいくつか追加してみました。これはかなりうまくいきましたが、私の選択は、ウィンドウ サイズに合わせて縮小または拡大しない固定サイズを指定することです。またはパーセントで、複数のバーにわたって中央または右の列を左揃えにすることはできません。width:33%また、各データに を入れてみましたが、完全に無視されました。
<h3>
<span style="padding-right:33%">myfile.xls</span>
<span style="padding-right:33%">153kB</span>
03/12/2013
</h3>
私が本当に欲しいのは、各列内でテキストが左揃えになっている 3 つの等幅の列です。しかし、折りたたみバーに何が表示されるかを指定するための jQuery の<h3>タグの使用によって制限されています (<table>インライン要素内では機能しないことが十分にわかっていたので、1 行のインナーを試してみましたが、ちょっと - 私は与えなければなりませんでした試してみてください!)。これを IE 8+ と Firefox 3+ で動作させる必要がありますが、これまでのところ、どちらも私が試したものと同じようにレンダリングされているので、そこで大きな問題が発生することはないと思います (木をノックしてください)。
どんな提案でも大歓迎です！ありがとうございました！