ホームページ >ウェブフロントエンド >htmlチュートリアル >strings_html/css_WEB-ITnose をインターセプトするテキスト オーバーフローの簡単な紹介
strings_html/css_WEB-ITnose をインターセプトするテキスト オーバーフローの簡単な紹介
- WBOYオリジナル
- 2016-06-24 11:30:171312ブラウズ
文字列をインターセプトする text-overflow の簡単な紹介:
css を使用すると、主に text-overflow 属性を使用して文字列をインターセプトする機能を実現できます。 もちろん、この属性を単独で使用するだけではこの機能を実現できません。他の属性と組み合わせて使用するには、コード例は次のとおりです。
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">div{ width:150px; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}</style></head><body><div>蚂蚁部落欢迎您，只有努力才会有没有好的明天</div></body></html>
上記のコードは要件を満たしており、指定された文字列をインターセプトし、余分な部分を省略記号に置き換えることができます。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=12919
詳細については、以下を参照してください: http://www.softwhy.com/divcss/
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。