ちょっと小技パーツ集

ダミーリンク(URL未定時のナビなどに仮に入れておくアドレス)として"#" を記述することがあるが、そうするとうっかりクリックした時にいちいちそのページの最上部に跳んでしまうので、「なにも起きない」ようにするための記述。

ダミーリンク1
//こちらはクリックした時にページの最上部に遷移してしまうダミーリンク
ダミーリンク2
//遷移しない(なにも起こらない)ダミーリンク

<a href="#">ダミーリンク1</a>
<a href="javascript:void(0)">ダミーリンク2</a>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
演奏音たてへぶんへぐるぐる野たですると大きなたたというセロた

<div class="abbreviation">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
<div class="abbreviation">演奏音たてへぶんへぐるぐる野たですると大きなたたというセロた</div>

.abbreviation {
	width: 10em; //これを超えると省略される
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

TOP