摘要：background: url('../../assets/sj-my.png') no-repeat; background-size: 100% 100%;
阅读全文
|
|
随笔分类 - css
摘要：background: url('../../assets/sj-my.png') no-repeat; background-size: 100% 100%;
阅读全文
摘要：<view class="content"> <view class="content-item"></view> <view class="content-item"></view> <view class="content-item"></view> <view class="content-i
阅读全文
摘要：word-break: break-all;
阅读全文
摘要：一行： { max-width: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 多行： { display: -webkit-box; -webkit-line-clamp: 2; overflow:
阅读全文
摘要：div{ white-space: nowrap; overflow-x: auto; display: flex; } span{ display: inline-block; }
阅读全文
摘要：px 像素 vw 视窗宽度，1vw=视窗宽度的1% vh 视窗高度，1vh=视窗高度的1% rem rem作用于非根元素时，相对于根元素字体大小；rem作用于根元素字体大小时，相对于其出初始字体大小。 参考文档：https://www.runoob.com/cssref/css-units.html
阅读全文
摘要：<div>用户名</div> <div>密码</div> width:100px; text-align:justify; text-align-last:justify; background: yellow; 参考文档：https://www.cnblogs.com/zjjDaily/p/952
阅读全文
摘要：定义与用法 calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)、calc(100vh - 10px)、calc(100vw - 10px)、calc(100vw - 10rem)； 任何长度值都可以使用calc(
阅读全文
摘要：/* 进度条动画效果 */ .progress-bar{ animation: progress-bar 0.5s; } @keyframes progress-bar { from { padding-right: 100%; } to { padding-right: 0%; } }
阅读全文
摘要：被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 提示: <pre> 标签的一个常见应用就是用来表示计算机的源代码。
阅读全文
摘要：const InnerScroll = styled.div` width: 410px; height: 514px; color: #000000; font-size: 13px; text-align: left; line-height: 22px;`const OuterScroll = styled.div` position: absolut...
阅读全文
摘要：
阅读全文
摘要：maxWidth:'140px',whiteSpace:'nowrap',overflow:'hidden',textOverflow:'ellipsis' 然后如果一行集合几个标签而且还要最右边固定宽度超过省略...，不得不用 display:flex 来布局，这种情况下如果在这一行写上 固定宽度
阅读全文
|
