WordPress侧边栏近期文章限制标题字数

WordPress侧边栏近期文章限制标题字数,多出文字以省略号显示。

.widget_recent_entries ul li {
	padding-left:10px;
	font-size:14px;
	overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
	}

另外还有woocommerce产品标题行数限制显示,超出部分一样以省略号形式显示。

第一种方法,产品标题显示三行,超出部分以省略号显示:

.woocommerce-loop-product__title{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

第二种方法,是整个模块在垂直方向显示多少,数字越大,模块内容显示越多,相当一个遮层把该模块挡住:

.elementor{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
word-wrap: break-word;
word-break: break-all;
font-size: 2rem;
height: 11.7rem;
}
| 奥博说 版权所有丨如未注明,均为原创
| 转载请注明:https://www.oppblog.com/archives/486

留下评论