CSS:リスト表示を短くする;

シェアする

  • このエントリーをはてなブックマークに追加

ブログを書いていると、どうしてもタイトルを長くなる時がある。そうなると、サイドバーなどに記事タイトルが表示される時、長いままだとなんだか落ち着かなくなるよね?そう、短く表示されればいいかな?なんて思ったりしません?なんかいいWordPressプラグインなど探してみたけど、やっぱりCSSで何とかなるんじゃないだろうか?ということで、ちょっとサイト管理を委託されている杉山塗装店ペンキ屋ドットビズさんのサイトをいじってみた。

トッピクス記事タイトルが長いので、何とか回り込まないようにしようと思い、スタイルシートでやってみた。
リストタグをスタイルシートで指定する。


li{
list-style:none;
padding-left:0px;
margin-left:0px;
white-space:nowrap;
width:390px;
overflow:hidden
}

これだけです。ただこのまま使うと他のリストタグにも影響与えるのでクラス属性で指定したほうがいいですよ。

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク