u013108007的博客

1.css hover 显示边框导致整个盒子的尺寸变化可以使用 outline: 1px solid #ff0036;2. 文本溢出处理、//单行.single { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}//多行.more { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis;

1.滚动条设置<style type="text/css"> /* 设置滚动条的样式 */ ::-webkit-scrollbar { width:8px; background-color: #ededed; } /* 滚动槽 */ ::-webkit-scrollbar-track { border-radius:10px; } /* 滚动条滑块 */

<style> .switch-wrapper{ display: block; right: 68px; border-radius: 2px; text-align: center; color: #36383c; cursor: pointer; padding: 4px 8px; ..

标签添加以下属性:table-layout：fixed

重点：使用 inline-block 获取实际文本的宽度由于p标签的宽度为父元素的 100%，如果是这样，我们很难进行下面的操作。我们首先需要拿到实际文本的宽度，这里可以借助 inline-block 的特性，做到这一点.**<style> .wrap { position: relative; width: 200px; height: 100vh; background: #d