ホームページ  >  記事  >  ウェブフロントエンド  >  CSS テキスト オーバーフローで ellipses_html/css_WEB-ITnose が表示される

CSS テキスト オーバーフローで ellipses_html/css_WEB-ITnose が表示される

WBOY
WBOYオリジナル
2016-06-24 11:51:521456ブラウズ





HTML5 タグ
< ;style>
p{
/**
white-space:nowrap; は、テキストが折り返されず、
タグに遭遇するまで同じ行に継続することを意味します。余分な部分は非表示になります。
text-overflow: ellipsis; テキスト オブジェクトがオーバーフローした場合は表示されます。もちろん、ドットを表示しないように属性を設定することもできます。 Opera ブラウザと互換性を持たせるため
*/
width:200px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
White-space:nowrap; }
div{
/*高さを超える文字は表示されません*/
overflow:hidden;
display:block;
height:60px;
width:100px;
}

< /head>

これは、タイトルが実際には切り詰められるのではなく、幅に制限されて表示されないため、検索エンジンにとってよりフレンドリーです。


これは、タイトルが実際には切り詰められるのではなく、幅に制限されて表示されないため、検索エンジンにとってよりフレンドリーです。




声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。