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;
}