標題常用樣式隱藏

2021-10-02 00:06:36 字數 1268 閱讀 2137

.video_title {

font-size: 28rpx;

display: -webkit-box;

overflow: hidden;//隱藏

white-space: normal;

text-overflow: ellipsis;

word-wrap: break-word;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

//white-space 屬性設定如何處理元素內的空白。值描述

normal

預設。空白會被瀏覽器忽略。

pre空白會被瀏覽器保留。其行為方式類似 html 中的標籤。

nowrap

文字不會換行,文字會在在同一行上繼續,直到遇到

標籤為止。

pre-wrap

保留空白符序列,但是正常地進行換行。

pre-line

合併空白符序列,但是保留換行符。

inherit

規定應該從父元素繼承 white-space 屬性的值。

text-overflow 屬性規定當文字溢位包含元素時發生的事情。值描述

測試clip

修剪文字。

測試ellipsis

顯示省略符號來代表被修剪的文字。

測試string

使用給定的字串來代表被修剪的文字。值描述

normal

只在允許的斷字點換行(瀏覽器保持預設處理)。

break-word

在長單詞或 url 位址內部進行換行。

限制在乙個塊元素顯示的文字的行數。

-webkit-line-clamp 是乙個 不規範的屬性(unsupported webkit property),它沒有出現在 css 規範草案中。

為了實現該效果,它需要組合其他外來的webkit屬性。常見結合屬性:

box-orient 屬性規定框的子元素應該被水平或垂直排列。值描述

測試horizontal

在水平行中從左向右排列子元素。

測試vertical

從上向下垂直排列子元素。

測試inline-axis

沿著行內軸來排列子元素(對映為 horizontal)。

測試block-axis

沿著塊軸來排列子元素(對映為 vertical)。

測試inherit

應該從父元素繼承 box-orient 屬性的值。

常用的滑動 隱藏 定位等CSS樣式

專案中常用的樣式 個人了解的有不對之處多多指教 基本選擇器 組合選擇器 後代選取器 以空格分隔 子元素選擇器 以大於號分隔 相鄰兄弟選擇器 以加號分隔 普通兄弟選擇器 以破折號分隔 混合選擇器 1 滑鼠放上去樣式變化 以a標籤為例 a hover 2 定位 定位屬性 position absolut...

Latex設定中文標題樣式

環境 tex live 2020 編譯器 texworks 在ctex環境中 documentclass,documentclass,或 usepackage 可以使用 ctexset 來實現類似word中的標題樣式。標準用法如下 ctexset,number format titleformat ...

Android全屏 橫豎屏 隱藏標題

在activity的oncreate方法中的setcontentview r.layout.main 呼叫之前新增下面 requestwindowfeature window.feature no title 隱藏標題 getwindow setflags windowmanager.layoutp...