HTML Table 裡的英文單字不斷開

html table word-break

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

分享至

請問要如何讓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>

結果顯示如下圖:

回應 1
分享
檢舉

mantissa23bit iT邦新手 4 級 ‧ 2023-05-04 10:19:10 檢舉

謝謝您

登入發表回應

我要發表回答

立即登入回答

HTML Table 裡的英文單字不斷開

1 個回答

我要發表回答

標記使用者