滚动条水平滚动展示溢出内容
- html
- css(less)
- 思路
html
div class="outer">
div class="item">1111div>
div class="item">2222div>
div class="item">3333div>
div clas服务器托管网s="item">4444div>
div class="item">5555div>
div class="item">6666div>
div class="item">7777div>
div class="item">8888div>
div>
css(less)
.outer {
background-color: #39a9ed;
overflow-x: au服务器托管网to;
&::-webkit-scrollbar {
display: none;
}
white-space: nowrap;
.item {
display: inline-block;
width: 80px;
height: 60px;
line-height: 60px;
}
}
思路
- 外部盒子关闭换行(white-space: nowrap)
如果不开启,超出当前行时会自动展示到下一行 - 开启外部盒子水平溢出滚动(overflow-x: auto)
如果不开启溢出滚动,则会撑大整个盒子水平尺寸 - 定义盒子内元素的展示方式为行内块,并设置指定的宽度
当所有盒子占据的宽度超出盒子时就会自动触发滚动
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
一、跨域产生的原因 浏览器和服务器的协议、域名、端口号只要有一个不一致,就会产生跨域错误。 服务器和服务器进行数据通信时,如果三要素不一致,也不会产生跨域错误。 跨域的限制是浏览器的限制,与服务器无关。 跨域是一个安全策略。 跨域产生时,请求已经发送到了服务器…