 |
 |
前号へ
このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。
皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、決めた行数で省略表示する方法をご紹介します。
商品名やタイトルなどの表示にご活用ください。
 |
|
 |
 |
スタイルシートを編集する
デザイン管理→スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
●HTML
<div class="flex_layout txtline_box">
<div class="txtline">おちゃのこネット。お手軽にネットショップを開設。便利に使えるオンラインショップ開業サービスです。</div>
<div class="txtline">おちゃのこネット。お手軽にネットショップを開設。便利に使えるオンラインショップ開業サービスです。</div>
<div class="txtline">おちゃのこネット。お手軽にネットショップを開設。便利に使えるオンラインショップ開業サービスです。</div>
</div>
●スタイルシート
.txtline {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
Copyright (C) 2004-2006 OCHANOKO-NET All Rights Reserved.