パーツ集 コピペ用

高頻度使用パーツ集 コピペ用

ダミーリンクの処理

ダミーリンク（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>


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

TOP