dom元素多出后横向滚动不换行

元素高度一定,多了后不能增加高度,只能横向滚动

  • @media做媒体查询修改元素宽度能实现,但是屏幕放大,一些较为极端的情况下还是需要滚动
<!-- 父元素样式 -->
<div class="father">
  <div class="child"></div>
</div>

.father {
  width: 100%;
  /* 横向滚动 */
  overflow-x: auto; 
  /* 不换行 */
  white-space: nowrap;
}
.child {
  /* 子元素设置行内块级元素 */
  display: inline-block;
  /* 或者设置行内flex */
  /* display: inline-flex; */
}
posted @ 2022-10-20 19:48  jiazq  阅读(85)  评论(0)    收藏  举报