常用css 文字 樣式 滾動條css 樣式

2021-10-07 17:58:14 字數 877 閱讀 6462

常用css 

文字不換行,直到遇到br標籤。

white-space:nowrap;

前提設定寬度.

一行文字 省略號

text-overflow: ellipsis;

overflow: hidden;

white-space: nowrap;

多行文字省略號

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

textarea去掉拖拽大小,隱藏滾動條

overflow:hidden;//隱藏滾動條 resize:none;//禁止拖拽修改textarea大小

字元間距

letter-sapcing:2em

首行縮排

text-indent:2em;

滾動條(各個瀏覽器有相容問題)

::-webkit-scrollbar
::-webkit-scrollbar
::-webkit-scrollbar-thumb
/* start--文字行數限制--start */

.u-line-1

.u-line-2

.u-line-3

.u-line-4

.u-line-5

.u-line-2, .u-line-3, .u-line-4, .u-line-5

css滾動條樣式

滾動條樣式 webkit scrollbar 整個滾動條.webkit scrollbar button 滾動條上的按鈕 上下箭頭 webkit scrollbar thumb 滾動條上的滾動滑塊.webkit scrollbar track 滾動條軌道.webkit scrollbar track...

css 滾動條樣式

1,overflow內容溢位時的設定 overflow 水平及垂直方向內容溢位時的設定 overflow x 水平方向內容溢位時的設定 overflow y 垂直方向內容溢位時的設定 以上三個屬性設定的值為visible scroll hidden auto visible 預設值。使用該值時,無論...

網頁滾動條CSS樣式

滾動條樣式主要涉及到如下css屬性 overflow屬性 檢索或設定當物件的內容超過其指定高度及寬度時如何顯示內容 overflow auto 在需要時內容會自動新增滾動條 overflow scroll 總是顯示滾動條 overflow x hidden 禁止橫向的滾動條 overflow y s...