css 魔法小書

時間 2019-12-14

標籤 css 小書欄目 CSS 简体版

原文原文鏈接

瀏覽器自定義滾動條

http://www.cnblogs.com/koleyang/p/5484922.htmlcss

https://www.w3cplus.com/css/new-scroll-features-that-change-the-user-experience.htmlhtml

https://darrylhuffman.com/sites/Scrollbar-gen/web

頁面內跳轉到指定地點

<a href="#_reward-share" class="menu-reward">打賞</a>
<a class="_label" name="_reward-share"></a>瀏覽器

短標題一行兩端對齊

 1 <html>
 2 <head>
 3 <style type="text/css">
 4 div{
 5     width: 96px;
 6     overflow:hidden;
 7     height:19px;
 8     text-align:justify;
 9     text-align-last:justify;
10 }
11 div:after{
12     display:inline-block;
13     content:'';
14     overflow:hidden;
15     width:100%;
16     height:0;
17 }
18 
19 </style> 
20 </head>
21 <body>
22 <div>梵蒂岡</div>
23 <div>沒人就流發*</div>
24 <div>沒人</div>
25 </body>
26 </html>

多行文本省略號

.box {
        width: 100px;
        height: 44px;
        overflow : hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;