簡體   English   中英

設置寬度時文本無響應

[英]text is not responsive when width is set

我有一個需要設置寬度的文本。 這個小提琴我用紅色標記了文本。 該列需要填充一半的列。 但是,每次我設置寬度時,響應式都不再起作用。

布局在表格中的原因是因為我必須將它們用於電子郵件新聞通訊。 所以我正在使用基礎框架

如何在不破壞響應部分的情況下用紅色文本在列上設置寬度?

<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>

我已經設置了第一個和最后一個th的寬度50% 如果我對您的問題正確,那么它會起作用。 您必須將行一分為二,並且將其總寬度減半。

這是小提琴

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM