TABLE表中,有一列內(nèi)容顯示很長,如何用HTML設(shè)置能夠換行顯示呢?
例:將【XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX】rn顯示為:【XXXXXXXXXXXrn XXXXXXXXXXXXrn XXXXXXXXXXXXXXXrn XXXXXXXXXXXXX】rn我設(shè)置過td 的width=‘20%’類似這種百分比,可還是無效果;rn看到網(wǎng)上說設(shè)置word-break: break-all;可發(fā)現(xiàn)HTML沒有這個屬性啊?rn請教下大家有沒有知道的?需要準(zhǔn)備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html,編寫問題基礎(chǔ)代碼。
2、在index.html中的第2個<td>標(biāo)簽中,新增樣式代碼:style="word-break: break-all;"。
3、瀏覽器運行index.html頁面,此時表格中很長內(nèi)容的單元格被成功換行了。
word-break: break-all; 這個是有的 只不過 是不提示而已,你設(shè)置 width 為 20% 它的父容器有寬度么。 就是這么做的 你可以試著寫 <td width='100'>
先給表格定寬度,最好要像素px
建議用css+div布局吧 這樣靈活一點
在你要換行的地方加一個<br>就行了,這個是強制換行
html怎么讓表格里面的內(nèi)容換行顯示
其實很簡單,css有個樣式專門控制這個的word-break: break-all;
你只需要在td 加上class樣式 或者直接style="word-break: break-all;" 就可以了
HTML頁面表格內(nèi)如何換行
我從數(shù)據(jù)庫里取出一段話輸出到HTML頁面上,換行都沒了,該如何解決?rn試過了不行,雖然換行有了,但是不能自動折行,網(wǎng)上給的pre自動折行也試過了,字可以折行,但是表格還是被撐大了。rn希望可以在表格內(nèi)輸出數(shù)據(jù)庫的文字,既能自動折行,該換行的地方還是換行。
就用br吧、簡單。不管什么動態(tài)語言都差不多,給你一個jsp換行的例子:
<%
ResultSet rs = stmt.executeQuery("select * from table");
while(rs.next()){
out.println("<br>內(nèi)容:<br>"+rs.getString(1));//類似
%>
————————-----------------------------------------------
利用Css換行:
html:
<div id="wrap">正常文字的換行元素?fù)碛心J(rèn)的white-space:normal,當(dāng)定義</div>
Css:
#wrap{white-space:normal; width:200px; }
不太明白
首先入庫的時候如果把<br>這些寫入數(shù)據(jù)庫,也就沒有這些問題了
如果提交表單的時候最好把回車 空格換成<br> 入庫
你說的如果是表格內(nèi)換行,可以考慮用css控制
<td><div class="aa">首先入庫的時候如果把這些寫入數(shù)據(jù)庫,也就沒有這些問題了
如果提交表單的時候最好把回車 空格換成</div></td>
.aa{width:200px;line-height:22px;}
讀出數(shù)據(jù)庫文字的時候,將\r、\n 轉(zhuǎn)換成<br />
另外定義好表格的寬度,就不會被撐大而自動折行。
相關(guān)推薦:
小微企業(yè)所得稅怎么計算(小型微利企業(yè) 的所得稅是怎么計算呢)
有限公司董事會議事規(guī)則(董事會議事規(guī)則有哪些)
股權(quán)轉(zhuǎn)讓個人所得稅稅率(股權(quán)轉(zhuǎn)讓個稅如何計算)
印花稅的計稅依據(jù)及稅率(印花稅計稅依據(jù)和稅率是什么)
股東表決權(quán)排除制度(股東表決權(quán)排除制度)