笔记

孤独的暖阳...小于 1 分钟前端CSS

超出的文字用省略号

/*单行超出*/
.item-name {
      overflow: hidden;/*超出部分隐藏*/
	  text-overflow:ellipsis;/*超出部分省略号*/
	  white-space: nowrap;/*只显示一行*/
    }
/*多行超出*/
.item-name {
      letter-spacing: 0;
      overflow: hidden;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;  /*要显示的行数*/
      -webkit-box-orient: vertical;
    }

z-index不生效

未使用定位不会生效

样式覆盖

/deep/.ant-border{
  
}

表格宽度不生效

当表格的内容都是英文的时候,没有其他特殊字符,浏览器将增加表格和列的宽度,从而在一行中显示出所有的内容。浏览器不会根据设置的表格宽度和列宽度自动对这些内容换行 解决:在表格定义中加

<table style="word-break:break-all">
你认为这篇文章怎么样?
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.14.9