Kuhakika: Mkusanyiko wa picha ambao hupinduliwa kwa upinde wa horizontali

Mafunzo: Kuhakika mkusanyiko wa picha wa kusoma upinde wa horizontali

Mkusanyiko wa picha na barua ya upinde wa horizontali

Tumia barua ya upinde wa horizontali kuona picha zingine:

Wuhan Bijinga Shenzheni Hangzhou Shanghai

Mcheka binafsi

Kichwa cha mifanyo cha mkusanyiko wa picha na barua ya upinde wa horizontali

Tukio la kwanza - Ongeza HTML:

<div class="scroll-container">
  <img src="img_5terre.jpg" alt="Cinque Terre">
  <img src="img_forest.jpg" alt="Forest">
  <img src="img_lights.jpg" alt="Northern Lights">
  <img src="img_mountains.jpg" alt="Mountains">
</div>

Tukio la pili - Ongeza CSS:

div.scroll-container {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
}
div.scroll-container img {
  padding: 10px;
}

Mcheka binafsi

Paje zingine

Mafunzo:HTML ya picha

Mafunzo:CSS mifanyisha ya tasnimi ya picha