2016-07-21 10 views
0

最小幅と最大幅をTHタグに設定しました。最小幅プロパティは、max-widthプロパティが反映されない場所を反映します。私は検査し、THをチェックした場合のみテーブルで<th>タグの最大幅を設定する方法、最大幅は<th>をサポートしていますか?

<table> 
<thead> 
<tr> 
    <th> S.No </th> 
    <th> Name </th> 
    <th style="min-width:40px; max-width:150px;"> Description </th> 
    <th> Gender </th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td> 1 </td> 
    <td> Xyz </td> 
    <td> Having Excess content more than 160 characters </td> 
    <td> Male/Female </t> 
</tr> 
</tbody> 
</table> 
+0

max-widthテーブルでは、すべてのタグに適用できます。いかなる個人でもない。 – eronax59

+0

'table {table-layout:fixed;}'と 'th {max-width:150px}'を追加してください – murli2308

答えて

1
<table> 
    <thead> 
     <tr> 
      <th> S.No </th> 
      <th> Name </th> 
      <th style="width:150px; max-width: 150px;"> Description </th> 
      <th> Gender </th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td> 1 </td> 
      <td> Xyz </td> 
      <td> Having Excess content more than 160 characters </td> 
      <td> Male/Female </td> 
     </tr> 
    </tbody> 
</table> 
+0

もし私が直接幅を​​与えるなら:150px;最小幅の場合はありません。ファイルドは常に150Pxを占めます。 – suresh

+0

min-width:??私は最大幅を追加しました。予防策として.. – Pranjal

+0

私はそれ以下のコンテンツを持っていますか? – suresh

0
あなたは番目とTDタグのためにあなたのCSSに以下を使用することができます

max-width: 150px; word-wrap:break-word;

は、しかし、私は唯一のwidthを考えたり、それが適用されるように見えタグ付け最大幅でもうまくいくはずです。

+0

私は幅を使用するまでそれは反映されません。 。 – suresh

0

表の列は、データに応じて増加します

  • インライン幅が仕事に行くのではありません
      あなたはそれがテーブルレイアウトが続いて列に幅を割り当てる
    1. table(table-layout:fixed;)を固定置く何ができるか
  • 関連する問題