HTML Table 裡的英文單字不斷開

html table word-break

mantissa23bit 2023-05-03 17:11:02 ‧ 758 瀏覽

分享至

請問要如何讓HTML Table 裡的英文單字不斷開(太長直接換到下一行頭開始)
斷開例如下圖，英文單字在儲存格後面會斷開到下一行去

問了ChatGPT，沒有符合想要的

登入發表討論

熱門推薦

{{ item.channelVendor }} | {{ item.webinarstarted }} |

直播中

1 個回答

Jun

iT邦見習生 ‧ 2023-05-03 23:20:04

最佳解答

可參考這個網頁，
下面有一個範例供參考:
CSS宣告

<style>
    .myclass {
        word-break: break-all;
        min-width: 250px;
        max-width: 250px;
    }
    .myclass1 {
		word-break: keep-all;
        min-width: 250px;
        max-width: 250px;
    }
</style>

HTML Table 內容

<table border=1>
  <tr>
   <td class="myclass1">
    Reading short stories in English is a great way to improve your language level. 
   </td>
  <td class="myclass">
    Reading short stories in English is a great way to improve your language level. 
  </td>
 </tr>
</table>

結果顯示如下圖: