TD不換行 nowrap屬性

2021-06-02 01:29:07 字數 316 閱讀 7144

為了讓**裡文字不換行(預計也不會太長的字串),可以給**裡td新增乙個nowrap屬性,如 文字內容 這樣。

但是如果給每個td都加上nowrap屬性,貌似太繁瑣並且占用空間和流量。於是乎,我找css的實現方法,不擅長此術,嘗試了n多個樣式後,找到white-space: nowrap; 貌似跟直接給td加nowrap差不多,那麼就可以像下面這樣定義樣式,即可實現td裡不換行,字串長了就撐寬**寬度。

我來自未來

悟空的部落格

www.7es.cn

我是亂七八糟的字串

我很長哦

悟空的部落格www.7es.cn

TD元素的nowrap屬性

html中,在td建立時有個nowrap屬性可以讓我們來定義,這個屬性究竟有什麼用處,可以完成什麼樣的功能呢?html中td元素的nowrap屬性表示禁止單元格中的文字自動換行。但使用時要注意的是,td元素nowrap屬性的行為與td元素的width屬性有關。如果未設定td寬度,則nowrap屬性起...

white space 不換行 屬性

在寫文字或者多個元素並列一行的時候,我們希望文字不會因為父框的大小而換行,也不希望同行元素因為瀏覽器大小原因而被擠到第二行。這個時候我們就可以使用到white space屬性樣式。該樣式屬性可以對子元素或者子文字的換行和空格進行處理。值描述 normal 預設。空白會被瀏覽器忽略。pre空白會被瀏覽...

用nowrap實現div內的元素不換行

在編寫自定義外掛程式my slider的過程中,發現無論float還是inline block均不能保證div內的內容不換行 這兩個屬性在內容超出容器尺寸後,均將剩餘內容做換行處理 在瀏覽器內比較了自己定義的my slider item和mui框架定義的mui slider item,發現其用了 w...