どのようにHTMLは(のみスクロールバーを表示)テーブルテーブルテーブル幅の幅がページの幅を超えて変化しないのですか?

物事を右にしない、研究

<!DOCTYPE HTML>
<HTML>

 

 <ヘッド>
  <META HTTP-当量= "Content-Typeの"コンテンツ= "text / htmlの;のcharset = UTF-8">
  <タイトル>设置表格有滚动条</ TITLE>
  <スタイル>
   .ell2 {
            最大幅: 100pxに。
            最大高さ:80px;
            単語ブレーク:ブレークのすべて;
            ワードラップ:ブレークワード;
            空白:事前ラップ;
            テキスト整列:左;
            垂直整列:トップ。
            国境:1pxの固体#000;
   }
   .tableclass {
    / *幅:500pxなど。
    高さ:100pxに。* /
    / *ホワイトスペース:NOWRAP。* /
   }
  </スタイル>
 </ head>の

 

 <身体>
  <divのスタイル= "国境:1pxのソリッド#000000;オーバーフロー:自動;空白:ノーマル;幅:310px;高さ:200pxの;">
   <表のスタイル=「空白:NOWRAP;表レイアウト:初期">
    <TRスタイルは="表示:-webkit-フレックス;表示:-ms-のフレキシボックス; ">
     <TDクラス=" ELL2 ">アリババ1 </ TD>
     <TDクラス=" ELL2「>アリババ馬場2 </ TD>
     <TDクラス= "ELL2">アリババ馬場。3 </ TD>
     <TDクラス= "ELL2">アリババ馬場。4 </ TD>
    </ TR>
    <TRスタイル=「ディスプレイ:フレックス-webkit;表示:-ms-のフレキシボックス">
     <TDクラス=" ELL2 ">ババアリババ</ TD>
     <TDクラス=" ELL2「>alibabaの馬場2 </ TD>
     <TDクラス= "ELL2">アリババ馬場。3 </ TD>
     <TDクラス= "ELL2">アリババ馬場。4 </ TD>
    </ TR>
   </テーブル>
  </ div>
  <! - </ DIV> - >

 

  <divのスタイル= "国境:1pxの固体#000000;幅:300ピクセル、高さは50px;">
  </ div>
  <divのスタイル= "国境:1pxの固体#000000;幅:100ピクセル、高さは50px;">
   <テーブル>
    <TR>
     <TDスタイル= "幅:100pxに;">のHello World 1 2 3のHello World 4 5 6 </ TD>
    </ TR>
   </ TABLE>
  </ div>
 </ BODY>

</ HTML>

おすすめ

転載: blog.csdn.net/wxmwzz/article/details/93204550