2017-01-31 12 views
0

幅を設定する必要があるテキストがあります。これはFiddle私は赤でテキストをマークしました。列は列の半分を満たす必要があります。しかし、私が幅を設定するたびに、レスポンシブはもう働きません。幅が設定されているとテキストが応答しない

私は電子メールニュースレターに使用する必要があるので、レイアウトがテーブルにあるのはその理由です。だから私は基盤フレームワークを使用しています

どのように応答部分を破壊することなく、赤いテキストで列の幅を設定できますか?

<body> 
     <table class="body"> 
     <tr> 
      <td class="center" align="center" valign="top"> 
      <center> 
       <table class="row footer"> 
        <tr> 
         <td class="wrapper"> 


          <table align="center" class="container"> 
           <tbody> 
           <tr> 
            <td> 
            <table class="row"> 
             <tbody> 
             <tr> 
              <th class="small-12 large-6 columns first"> 
              <table> 
               <tr> 
               <th style="color:red;">Details about the room</th> 
               </tr> 
              </table> 
              </th> 

              <th class="small-12 large-6 columns last"> 
              <table> 
               <tr> 
               <th>Lorem ipsum dolor sit amet, lectus fringilla optio nulla dolorem duis, augue neque mus gravida, platea pharetra duis eros nunc eget. Integer facilis. A convallis nec libero leo tempus, facilisis ac, fringilla at quis, lectus inceptos ac eu suscipit. Porta ac dignissim nec, cursus aliquam senectus aliquam, in duis vestibulum at risus libero volutpat, mi aliquam, tristique sit nunc fermentum</th> 
               </tr> 
              </table> 
              </th> 
             </tr> 
             </tbody> 
            </table 
            </td> 
           </tr> 
           </tbody> 
          </table> 
         </td> 
        </tr> 
       </table>  
      </center> 
      </td> 
     </tr> 
    </table> 
    </body> 
+0

CSSスタイルを表示しますか? – ethercreation

+1

CSSはどこにありますか。また、なぜあなたはテーブルを使用していますか? – Option

+0

フィドルが長すぎます。本当に必要なものに減らしてください。 – MrPk

答えて

0

私が最初と50%の最後th幅を設定しました。あなたの質問が正しければ、それは動作します。行全体を半分の幅で2つに分割しなければなりません。

ここにはfiddle

関連する問題