<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> .scroll{ width:auto; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; } .scroll::-webkit-scrollbar{//隐藏滚动条 display: none; } </style> </head> <body > < div class = "the Scroll" > < img src = "../ images .jpg" /> < img src = "../ images .jpg" /> < img src = "../ images .jpg" /> < img src = "../ images .jpg" /> < img src = "../ images .jpg" /> < img src = "../ images .jpg" /> < img src =. " ./ picture .jpg " /> <img src = "../ images .jpg" /> < img src= "../ images .jpg" /> < img src = "../ images .jpg" /> < img src = "../ images .jpg" /> </ div > </ body > </ HTML >