在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 塊元素怎么橫向滾動 類似于輪播圖那種

塊元素怎么橫向滾動 類似于輪播圖那種

<div class="container">
    <div class="every-content">
      <img src="../../static/homeImg/img_pxpj.png"/>
      <div>XXXX四級救援人員</div>
    </div>
    <div class="every-content">
      <img src="../../static/homeImg/img_pxpj.png"/>
      <div>XXXX四級救援人員</div>
    </div>   
    <div class="every-content">
      <img src="../../static/homeImg/img_pxpj.png"/>
      <div>XXXX四級救援人員</div>
    </div>   
    <div class="every-content">
      <img src="../../static/homeImg/img_pxpj.png"/>
      <div>XXXX四級救援人員</div>
   </div>
 </div>

clipboard.png

想把照片橫向滾動

給父元素設(shè)置寬度 然后overflow-x: scroll, 但是every-content會自動換行

請各位大佬給個思路 試了好多種辦法 沒有效果

回答
編輯回答
拼未來

overflow: hidden 可以實現(xiàn)

2018年9月1日 11:10
編輯回答
久不遇

少了一層，一般最外層overflow: hidden然后中間層移動

2017年9月13日 19:25
編輯回答
絯孑氣

給container外層添加一個元素，這個元素是一個顯示窗口，加上overflow:hidden；
container的寬度動態(tài)設(shè)定為里面元素寬度的總和；
動態(tài)設(shè)置絕對定位的container的left值就可以了

2018年2月5日 23:27
編輯回答
醉淸風(fēng)

綜上，父元素還得加上：white-space: nowrap;

2018年2月10日 16:44