0429: 开发学习

69 阅读1分钟
  • 如何在span中插入图片
    • 为span添加display:block或是display:inline-block
  • @input和@change
    • input是当数据有输入的时候调用该方法
    • change是当数据变化同时focus丢失的时候调用
  • inherit的用法
    • 继承父盒子的属性,如父盒子的width:80%
    • 当子盒子的属性设置为width:inherit时,约等于子盒子width:80%
  • 如何实现图片和文字的对齐?
    • vertical-align: sub;通过这个方法调整图片对齐的位置

如何设置scroll的样式,在chrom和edge中?

进行滚轴样式设计的时候有两者的属性是冲突的

代码一

overflow-y: scroll;
scrollbar-width: none;
scrollbar-color: #4C7E9F transparent; 

代码二

overflow-y: scroll;
.sidebar::-webkit-scrollbar-button {
  display: none;
}
.sidebar::-webkit-scrollbar {
  width: 0px; /* 设置滚动条的宽度 */
  padding-right: 2px;
  background: transparent;
}

当使用代码一的时候,代码二所使用的样式无法生效。

当仅需要对滚轴的颜色和宽窄设计时使用方案一,否则只能用方案二进行更细节的设计