1

WindowsのGoogle Chromeで、

<input type="text" style="min-width:10px;width:100%;">

ご覧のとおり、次のように機能します。

<div style="width:50px;background:red;">
    <input type="text" style="min-width:10px;width:100%;">
</div>

ここではありません！

<table style="background:red;">
    <tr><td><input type="text" style="min-width:10px;width:100%;"></td></tr>
</table>

私は純粋な CSS ソリューションを探しています (size="1" は私の問題を解決します)

4

2 に答える 2

1

追加

cellpadding="0" 

cellspacing="0"

あなたのテーブルに

<table cellpadding="0" cellspacing="0" style="background:red;">
    <tr><td><input type="text" style="min-width:10px;width:100%;"></td></tr>
</table>
于 2012-07-19T09:01:27.450 に答える
1

Chrome と Safari は、テーブル要素の min-width プロパティをサポートしていません。ただし、表のセルに適用される場合は、最小幅が考慮されます。

他の：

  1. Firefox: サポート (5 でテスト済み、どのバージョン以降かは不明)
  2. Internet Explorer: サポートされています (IE8.IE7 以下はサポートしていないようです) Chrome: サポートされていません (私が知る限りすべてのバージョン) Safari: サポートされていません (私が知る限りすべてのバージョン)
  3. Opera: サポート (11.5 でテスト済み、どのバージョン以降かは不明)

このサイトを確認してください: https://developer.mozilla.org/en/CSS/min-width

多分いくつかの％を試してください...

于 2012-07-19T09:29:25.647 に答える