CSS記錄部落格

2021-10-10 04:00:00 字數 848 閱讀 3010

1、文字超出兩行用省略號顯示

文字超出兩行用省略號顯示

使用示例

.my_two_span

因為之前都是超出某個寬度之後就通過text-overflow: ellipsis;這個屬性就可以把超出的內容通過省略號顯示

但是這次不同的就是內容總不可能都是一行,所以給它指定行數超出的顯示省略號所以寫法會有那麼一點不同

這個東西就相當於我把乙個div設定成display:table之後下面的元素如果加上table-cell無論有乙個還是多個元素都會被解析成td,就會變成一行來進行顯示

display:table和display:table-cell實現單行,多行文字垂直居中

2、深入理解css中vertical-align屬性

用法的話都是需要在一些特定的屬性設定之下在一些垂直向上的元素中使用才會有效果,效果也是根據一些

規則來使用的,emmm,以後說不定就會遇見並且用上呢

第一次在實際使用中遇見我就懵了,使用的是乙個偽類來實現文字的垂直居中,原理就是基線對齊,當兩個元素都設定了

vertical-align:middle之後會都根據居中的基線來對齊,就比如如果你要讓你的這個文字對齊的話你就

可以設定乙個佔滿這一格的高度的乙個空的div設定這個屬性,這樣就會根據滿屏的這個高度的基線去對齊兩個div就實現

了文字的垂直居中了

深入理解css中vertical-align屬性

利用vertical-align:middle垂直居中

"box">

CSDN部落格排名記錄

截止今天,在csdn的部落格排名終於從 千里之外 變成具體的排名數字了。根據csdn的規則,只有排名在20000以內才能顯示具體的排名。從2015年5月11日開始寫了第一篇部落格。後來由於種種原因,雖然一直在csdn逛著,卻很少更新文章。或者說斷斷續續的更新著。每每看到 千里之外 都有種無望之感。這...

業務遞迴記錄部落格

參考 獲取所有分類 return public final string allcategories 最後的結果 listcategorylist new arraylist 找到所有的一級選單 for categorypojo categorypojo list 為一級選單設定子選單 for ca...

初次編寫部落格記錄

看了這個鏈結終於知道怎麼編寫部落格 小白 如何寫好自己的一篇csdn部落格 美化1 初次寫部落格的相關點 在上圖的文字框中輸入本次部落格的名稱 使用 toc 在 中填寫目錄即可 使用 空格 設定相應的標題,一級標題為 乙個空格 二級標題為 乙個空格 以此類推 使用上圖的字母實現文字的加粗 傾斜等操作...