table-layout:fixed
に問題があり、内容が列の幅より広い場合は内側の列の幅があります。ここで私のサンプルでCSS "テーブルレイアウト:固定"と内部の内容で自動幅を持つセル
ルック:私は両側にインナーコンテンツおよび液体カラムにより自動幅でカラムを中心に必要な、このマークアップの http://jsfiddle.net/H5FLm/
主なアイデア。
私はそれを修正するか、別のマークアップを使用するよう提案されています。
ありがとうございました。
table-layout:fixed
に問題があり、内容が列の幅より広い場合は内側の列の幅があります。ここで私のサンプルでCSS "テーブルレイアウト:固定"と内部の内容で自動幅を持つセル
ルック:私は両側にインナーコンテンツおよび液体カラムにより自動幅でカラムを中心に必要な、このマークアップの http://jsfiddle.net/H5FLm/
主なアイデア。
私はそれを修正するか、別のマークアップを使用するよう提案されています。
ありがとうございました。
それはあなたが探しているものだように聞こえる、このレイアウトをチェックアウト:
あなたの現在のレイアウトが動作しない唯一の理由は、使用するためにあなたの選択であります文字列looooooooooooooong
をサンプルテキストとして使用してください。 HTMLは文字をラップしません。技術的にはoverflow: hidden;
とBOOM ...の問題を修正できます。
loo oooooo oooooo ong
を使用していた場合は問題ありません。
私はオーバーフローの代わりにワードラップを使用することをお勧めします。バージョンを確認するhere
コンテンツクラスにword-wrap: break-word;
が追加されました。