TypechoJoeTheme

遇上你 logo

统计
搜索到 4 篇与 CSS 的结果
2021-03-02

css 文本超出就隐藏并且显示省略号

css 文本超出就隐藏并且显示省略号
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。单行溢出隐藏overflow:hidden; //文字长度超出限定宽度,则隐藏超出的内容 text-overflow:ellipsis; //规定当文本溢出时,显示省略符号来代表被修剪的文本 white-space:nowrap; //设置文字在一行显示,不能换行//上面是一行内容的时候,当有两行的内容时候多行溢出隐藏overflow: hidden; //文本溢出限定的宽度就隐藏内容 text-overflow: ellipsis; //多行文本的情况下,用省略号“…”隐藏溢出范围的文本 display:-webkit-box; //和1结合使用,将对象作为弹性伸缩盒子模型显示 -webkit-box-orient:vertical; //和1结合使用 ,设置或检索伸缩盒对象的子元素的排列方式。设置伸缩盒子的子元素排列方式--从上到下垂直排列 -webkit-line-clamp:2; //用来限制在一个块元素显示的文本的行数,2表示...
醉书生
2021-03-02

网站建设

28 阅读
0 评论
2021年03月02日
28 阅读
0 评论
2020-12-01

几款漂亮的css美化框

几款漂亮的css美化框
如果是joe模板直接在后台设置(typecho开发版才生效)。后台-公共设置——自定义CSScss代码#zm_mhz,#zm_xgh,#zm_tkzj,#zm_xyz,#zm_gll ,#zm_xty,#zm_yyz,#zm_szh,#zm_wbk{ /*圆角值,在此定义*/ border-radius: 8px; } /*迷幻紫*/ #zm_mhz{ color: #555555; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; /*border-radius: 10px;*/ box-shadow: 6px 0 12px -5px rgb(190, 196, 252), -6px 0 12px -5px rgb(189, 196, 252); background-color: #8EC5FC; background-image: linear-gradient(62deg,#8EC5FC 0%,#E0C3FC 100...
醉书生
2020-12-01

网站建设

77 阅读
0 评论
2020年12月01日
77 阅读
0 评论
2019-11-04

特别的日子里网站变灰色的设置

特别的日子里网站变灰色的设置
第一种:修改CSS文件我们可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);}第二种:修改<head>标签在网页的<head>标签内加入以下代码如果你不想改动CSS文件,你可以通过在网页头部中的<head>标签内部加入内联CSS代码的形式实现网站网页变灰<style type="text/css"> html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}</style>第三种:修改<html>标签修改<html>标签加入内联样式如里上面的两种方式都不喜欢,可以通过修改<...
醉书生
2019-11-04

网站建设

77 阅读
0 评论
2019年11月04日
77 阅读
0 评论