找回密碼 或 安全提問
 註冊
|註冊|登錄

伊莉討論區

搜索
請尊重及感激所有版主付出和奉獻感激所有對伊莉作出奉獻的人儲值後自動升級用戶組
無碼mega 無cosplay鬼父sirogd自慰
魚哥adobe 20adobe 20naruto t皇池溫泉台灣sdmf 017

休閒聊天興趣交流學術文化旅遊交流飲食交流家庭事務PC GAMETV GAME
熱門線上其他線上感情感性寵物交流家族門派動漫交流貼圖分享BL/GL
音樂世界影視娛樂女性頻道潮流資訊BT下載區GB下載區下載分享短片
電腦資訊數碼產品手機交流交易廣場網站事務長篇小說體育運動時事經濟
上班一族博彩娛樂

[繁]我獨自升級10-

[繁]異修羅12- (第一

[簡]SHAMAN KING FLOW

[繁]迷宮飯12-

[繁]不死不運21-

[繁]非自願的不死冒險
C & C++ 語言C# 語言Visual Basic 語言PHP 語言JAVA 語言
查看: 5308|回復: 3

[問題] 簡單的問題: Li的內容換行[複製鏈接]

Rank: 2Rank: 2

帖子
323
積分
216 點
潛水值
11730 米
發表於 2017-4-22 08:10 AM|顯示全部樓層
成為伊莉的版主,你將獲得更高級和無限的權限。把你感興趣的版面一步步地發展和豐盛,那種滿足感等著你來嚐嚐喔。
本帖最後由 hidrate 於 2017-4-30 09:20 PM 編輯

問個簡單的問題

我想要讓li會因為內容過多而自動換行,可是它總是全部顯示在同一列不換行,我有設定父標籤ul的寬度是200px,但是ul底下的li即使內容很多,也不會因此而換行...請問各位先進,我哪裡需要改寫...

(我是用chrome,FF去跑下面的網頁的)
程式內容如下:
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Untitled Document</title>
  6.     <style>
  7.         *{margin:0 auto;padding: 0;}
  8.         ul{width:200px;height:200px;border:1px solid black;}
  9.         li{list-style: none;}
  10.     </style>
  11. </head>
  12. <body>
  13.     <ul>
  14.         <li>asdfasfdasfsafdsafsafhetryertyeryreyrytreyetrjemememesdsdsdsdsdd</li>                 
  15.     </ul>
  16. </body>
  17. </html>
複製代碼

...
瀏覽完整內容,請先 註冊登入會員
如果發覺自己無法使用一些功能或出現問題,請按重新整理一次,並待所有網頁內容完全載入後5秒才進行操作。

使用道具檢舉

Rank: 1

帖子
189
積分
118 點
潛水值
6980 米
發表於 2017-4-24 09:55 AM|顯示全部樓層
分享使你變得更實在,可以使其他人感到快樂,分享是我們的動力。今天就來分享你的資訊、圖片或檔案吧。
本帖最後由 chengpocheng 於 2017-4-24 09:58 AM 編輯
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Untitled Document</title>
  6.     <style>
  7.         *{margin:0 auto;padding: 0;}
  8.         ul{width:200px;height:200px;border:1px solid black;}
  9.         li{list-style: none;word-wrap:break-word;}
  10.     </style>
  11. </head>
  12. <body>
  13.     <ul>
  14.         <li>asdfasfdasfsafdsafsafhetryertyeryreyrytreyetrjemememesdsdsdsdsdd</li>                 
  15.     </ul>
  16. </body>
  17. </html>
複製代碼
在li的CSS的樣式裡補上 word-wrap:break-word; 即可,下面附上預覽圖
...
瀏覽完整內容,請先 註冊登入會員
附件: 你需要登錄才可以下載或查看附件。沒有帳號?註冊
如果瀏覽伊莉時速度太慢或無法連接,可以使用其他分流瀏覽伊莉,www01.eyny.com(02,03)。

使用道具檢舉

Rank: 2Rank: 2

帖子
323
積分
216 點
潛水值
11730 米
發表於 2017-4-24 10:19 PM|顯示全部樓層
回覆中加入附件並不會使你增加積分,請使用主題方式發佈附件。
chengpocheng 發表於 2017-4-24 09:55 AM
下載: 訪客無法瀏覽下載點,請先 註冊登入會員

在li的CSS的樣式裡補上 word-wrap:break-word; 即可,下面附上預覽圖

感激不盡啊,爬文爬好久了,沒想到真的可以用了,謝謝.
...
瀏覽完整內容,請先 註冊登入會員

使用道具檢舉

Rank: 2Rank: 2

帖子
333
積分
601 點
潛水值
14532 米
發表於 2017-7-28 02:10 AM|顯示全部樓層
成為伊莉的版主,你將獲得更高級和無限的權限。把你感興趣的版面一步步地發展和豐盛,那種滿足感等著你來嚐嚐喔。
hidrate 發表於 2017-4-24 10:19 PM
下載: 訪客無法瀏覽下載點,請先 註冊登入會員

感激不盡啊,爬文爬好久了,沒想到真的可以用了,謝謝.
上課的時候老師沒有特別提到,只是他教的時候用中文就 ...

英文你打一堆字母,字母中間又沒有空白,他認為是這串英文是同一個字。英文如果同一個字被斷行很奇怪,不好閱讀,所以預設不會斷行。
...
瀏覽完整內容,請先 註冊登入會員
如果發覺自己無法使用一些功能或出現問題,請按重新整理一次,並待所有網頁內容完全載入後5秒才進行操作。

使用道具檢舉

您需要登錄後才可以回帖 登錄 | 註冊

Powered by Discuz!

© Comsenz Inc.

重要聲明:本討論區是以即時上載留言的方式運作,對所有留言的真實性、完整性及立場等,不負任何法律責任。而一切留言之言論只代表留言者個人意見,並非本網站之立場,用戶不應信賴內容,並應自行判斷內容之真實性。於有關情形下,用戶應尋求專業意見(如涉及醫療、法律或投資等問題)。 由於本討論區受到「即時上載留言」運作方式所規限,故不能完全監察所有留言,若讀者發現有留言出現問題,請聯絡我們。有權刪除任何留言及拒絕任何人士上載留言,同時亦有不刪除留言的權利。切勿上傳和撰寫 侵犯版權(未經授權)、粗言穢語、誹謗、渲染色情暴力或人身攻擊的言論,敬請自律。本網站保留一切法律權利。
回頂部