Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示, 可通过加入 CSS 属性 -webkit-text-size-adjust: none; 解决。

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

.ellipsis2 {

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

}

对齐

表格对齐设置:vertical-align: middle;  text-align: center;

换行word-wrap: break-word;

规定段落中的文本不进行换行： white-space:nowrap;

规定段落中的文本进行换行：      white-space: normal;

white-space(css1)的值:

normal

默认。空白会被浏览器忽略。

pre

空白会被浏览器保留。其行为方式类似 HTML 中的

 标签。

nowrap
文本不会换行，文本会在在同一行上继续，直到遇到 
 标签为止。
pre-wrap
保留空白符序列，但是正常地进行换行。
pre-line
合并空白符序列，但是保留换行符。
inherit
规定应该从父元素继承 white-space 属性的值。
前端页面跳转的几种方法
onclick跳转 设置window的location.href属性 onclick="window.location.href='URL'" 
 在新窗口打开
调用window的open方法 onclick="window.open('URL','_blank');" 
vue中用$router新窗口打开
 let routeUrl = this.$router.resolve({
path: "/home/subProjectGroupManager",

});

window.open(routeUrl.href, "_blank");
覆盖当前页
onclick="window.open('URL','_self');"
 在新窗口打开
a标签跳转 Preface
覆盖当前页
 Preface ，target属性默认为_self
//
饿了么步骤条添加插槽
   <i slot="description" :class="item.complete === '完成' ? 'greenColor' : 'redColor'"
>{{ item.complete }}