0

<td>2 番目の( を含む<input>) 属性がテーブル幅の 3/4 を占有するようにするにはどうすればよいですか?

 <table>
     <tr>
         <td>
             Name
         </td>
         <td>
            <input type="text"/>
         </td>                   
     </tr>
 </table>

td に設定しようとしましcolspan=3たが、役に立ちません。

4

3 に答える 3

2

幅を設定できます：

<table>
     <tr>
         <td width="25%">
             Name
         </td>
         <td width="75%">
            <input type="text"/>
         </td>                   
     </tr>
 </table>

(または、代わりにこれらのパーセンテージで css を使用します。つまりstyle="width: 25%"、 or class="yourCssClassThatHasTheWidthPercentageSetInIt")

Colspan は、セルを他の行の複数の列にまたがらせたい場合に使用します。

しかし、レイアウトに div の代わりにテーブルを使用している理由はありますか?

于 2013-10-22T22:04:56.603 に答える
2 
<table>
 <tr>
     <td style="width: 25%">
         Name
     </td>
     <td style="width: 75%">
        <input type="text"/>
     </td>                   
 </tr>
</table>

迅速で汚い解決策です。これらの種類のものを別の css ファイルでスタイル設定し、インライン css の代わりにクラスを使用することをお勧めします。より良い方法はcolgroups、テーブルの列のスタイルと説明に を使用することです。ここでそれについて読むことができます：http://www.w3schools.com/tags/tag_colgroup.asp

于 2013-10-22T22:08:02.590 に答える
1

正しい (これが合法的に表形式のデータであると仮定して) 方法は<colgroup> 、razhial が既に示唆しているように、次のように見えるものを追加することです (動作を確認するために追加の CSS を使用したデモ)。

<table>
  <colgroup>
    <col/>
    <col width='75%'/>
  </colgroup>
  <tbody>
    <td>Name</td>
    <td><input type="text"/></td>
  </tbody>
</table>

<label>ただし、あなたの例からは、次のように機能する要素である、よりクリーンなアプローチがあるようです ( demo ):

<label for="Name">Name</label>
<input type="text" id="Name"/>
于 2013-10-22T22:42:36.413 に答える