常用 CSS 样式

.code-footer::after{
  content: '';
  width: 20rpx;
  height: 20rpx;
  border-radius: 10rpx;
  position: absolute;
  top:-10rpx;
  left:-10rpx;
  background-color: #EFEFF4;
}
.code-footer::before{
  content: '';
  width: 20rpx;
  height: 20rpx;
  border-radius: 10rpx;
  position: absolute;
  top:-10rpx;
  right:-10rpx;
  background-color: #EFEFF4;
}
  line-height: 48rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 96rpx;
不换行加 ...

 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
一个 DIV或者其他元素的文本,如果都是无文字分隔符,无空格,则不会自动换行
  word-break: break-all; 
    var pages = getCurrentPages();
    var currpage = pages[pages.length - 1];
    var prePage = pages[pages.length - 2];
Array.splice(0,0,item);  第二个不为0删除,为0添加
半圆边框


  content: '';
  width: 40rpx;
  height: 20rpx;
  position: absolute;
  left: 200rpx;
  top: -1rpx;
  margin-bottom: -10rpx;
  background-color: white;
  overflow: hidden;
  border: 1rpx solid #ebebeb;
  border-radius: 0 0 40rpx 40rpx;
  border-top: none;
小箭头
  width:0; 
  height:0;
  border-width:16rpx;
  border-bottom-width:16rpx;
  border-style:solid;
  border-color:transparent transparent rgba(72, 84, 101, 0.9) transparent;
  position: absolute;
  top: -26rpx;
  left: 50%;
  margin-left: -10rpx;
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容