TDのテキストをレポートに拡張しない

3165 ワード

私はよくこのような問題に直面します:幅を設計した表の中で、いくつかのテキストの情報が長すぎるため、表を広げます(面目が全く違います)!頭が痛いです.実はこの問題を解決するのは簡単で、のスタイルにword-break:break-all(強制改行)を加えると、言うことを聞かないテキストが自動的に戻ります.私が学んだばかりで、一緒に分かち合います~~~
 
一緒に見てみましょう.
 
word-breakを使用する前に:
   <table width="300" border="1">
     <tr>
      <td width="100px"> :</td>
      <td width="200px">asjdhfajshdflkajfdhajsdhfjashfieyruqeqyuiroqwytxcbvmbzxmzmvb</td>
     </tr>
    </table> 

 
 
word-breakを使用した後:
   <table width="300" border="1">
     <tr>
      <td width="100px"> :</td>
      <td width="200px" style="word-break:break-all">asjdhfajshdflkajfdhajsdhfjasxmzmvb</td>
     </tr>
    </table> 

やってみると、結果は独りぼっちだった.
 
 
----------CSSは1行の長い文字列を非表示にします(長いテキストを強制的に1行に表示します)/長いテキストを自動的に改行します------
Web開発の過程で、1行の表示情報が長すぎる場合があり、ユーザの目盛り性が悪いため、この行がコンテナ許容幅を超えた場合、一定の長さしか表示されず、省略記号を付けることで、長いテキストをコンテナ許容幅の範囲内に表示できるとともに、ユーザにこの情報(長いテキスト)が完全に表示されていないことを示すことが考えられる.
具体的な実装コードは以下の通りです.
 
[xhtml] 
view plain
copy
testtesetetstestestestsetsetsetsetstsetsetstsetstsetsets 
 
 
 
そのうち:width:20 px--要素の長さを制限し、
text-overflow:ellipsis:現在の要素内の長いテキストがオーバーフローした場合に省略記号が表示されます(この属性は次の2つの属性と同時に使用する必要があります.そうしないと効果が明確ではありません).
white-space:nowrap:テキストを1行に強制表示します(スペースが表示されると自動的に改行する要素もありますが、ここでは要素を変更することで質問を1行に強制表示できます).
overflow:hidden:オーバーフローテキストを非表示にします(そうしないと、コンテナの幅を超えて1行に強制的に表示されます).
超長文を自動的に断語して改行するには、このblogのもう一つの関連記事を見ることができます.
注意:text-overflow:ellipsisはfirefoxでは実現できません.
添付:
text-overflow:clip | ellipsis
clip:省略フラグは表示されません(...)、簡単な裁断です
Ellipsis:オブジェクトが内側テキストにオーバーフローしたときに省略フラグが表示されます(...)
 
長いテキストの折り返し
ブラウザの長いテキストの自動更新はstyleにword-wrap:break-wordを追加するだけで実現できます
 
 
 
==========ブラウザにTXTテキストの改行を表示する(html/txt)======
メモ帳、ワードなどは折り返しで改行します.htmlは

などで1行になります.txtとhtmlを統一する方法は、通常のtxtの先頭にpreラベルを付けることです.これにより、txtとして、テキストエディタで読み、編集、検索を容易にすることができます.また、ブラウザの下で直接フォーマット表示を維持することもできます.preラベルは、txtをhtmlとするキーです.txtのtabをインデントしたり、折り返したりしてhtmlに残すことができます.しかし、

を直接使用すると、長すぎる文字幅ブラウザになります.自動的に改行するには、
<%=(rs.Fields.Item("content").Value)%>