ホームページ > 記事 > ウェブフロントエンド > DIVテキストの非表示問題、解決してください~~_html/css_WEB-ITnose
DIVテキストの非表示問題、解決してください~~_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:40:491085ブラウズ
これは div です。最後の行をより美しく見せるにはどうすればよいですか? または、余分な単語を非表示にするか、または置き換えるにはどうすればよいですか?
ディスカッションに返信 (解決策)
style="overflow:hidden" を試してください
テキストの行の高さ = 画像の高さ / 表示する必要があるテキストの行数。
現在のスタイルを追加します: overflow:hidden;zoom1; ie6 と互換性があります
現在のスタイルを追加します: overflow:hidden;zoom:1;
これは div です。最後の行をより美しく見せるにはどうすればよいですか?追加する 単語を非表示にするか、... に置き換えてください。専門家の指導を求めてください。
overflow:hidden; にはこの効果があります。つまり、一番下の行が非表示になります
現在のスタイルを追加します: overflow:hidden;zoom:1;
これは機能しません。 。 。
style="overflow:hidden"
overflow:hidden; を試して、この効果を取得します。つまり、一番下の行が非表示になります
効果を見て、DIV の高さを設定し、高さを削除する必要があります。トリック。最後の行の見栄えを良くしたい場合は、それにクラスまたは ID を追加し、色、サイズ、行の高さなどの属性を設定します。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>自适应</title><style type="text/css">*{ padding:0px; margin:0px;}.fontcss{ width: 320px; border-radius: 8px; border: 2px solid #e0e7b8; padding: 10px; margin: 20px auto;}.fontcss p{ text-indent: 1em;}</style></head><body><div class="fontcss"> <img src="1_epwqgdnbrh.jpg" width="100" height="100" alt="火影" style="float: left;margin-right: 10px;"/> <p>这是一个div，最后一行怎么让它显示得漂亮点啊，或者多出来的字隐藏掉或者用...替换，求高手指导啊！这是一个div，最后一行怎么让它显示得漂亮点啊，或者多出来的字隐藏掉或者用...替换，求高手指导啊！</p></div></body></html> これでテキストの折り返しが実現できます。ぜひご覧ください。お役に立てば幸いです
単純に美しく隠したい場合は、高さを行の高さで割り切れる必要があります
<!DOCTYPE HTML><html> <head> <meta charset="gbk" /> <title></title> <style> div { width:300px; height:100px; border:1px solid red; line-height:20px; font-size:12px; overflow:hidden; } </style> </head> <body> <div> 发生的健康放讲的是开发就的伤口附近的 发生的健康放讲的是开发就的伤口附近的 发生的健康放讲的是开发就的伤口附近的 发生的健康放讲的是开发就的伤口附近的 发生的健康放讲的是开发就的伤口附近的 发生的健康放讲的是开发就的伤口附近的 发生的健康放讲的是开发就的伤口附近的 发生的健康放讲的是开发就的伤口附近的 </div> </body></html> 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。