パーツ集 コピペ用

ダミーリンクの処理

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

ダミーリンク1

//こちらはクリックした時にページの最上部に遷移してしまうダミーリンク

ダミーリンク2

//遷移しない（なにも起こらない）ダミーリンク

<a href="#">ダミーリンク1</a>
<a href="javascript:void(0)">ダミーリンク2</a>

領域をはみ出したときに三点リーダー（…）で省略する

<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;
    }