Jina la kumwambia: Mbinu ya matukio tatu

Jifunze kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumwambia kumw比亚

Matukio ya mbili

Mawili ya matukio...

Matukio ya nne

Mawili ya matukio...

Matukio ya tatu

Mawili ya matukio...

Jifunze tena

Jina la kumuea mbinu ya matukio tatu

Tukio la kwanza - Ongeza HTML:

<div class="row">
  <div class="column"></div>
  <div class="column"></div>
  <div class="column"></div>
</div>

Tukio la pili - Ongeza CSS:

Kwenye mfano huu, tutumia kumuea matukio tatuUkubwa wa kufananaMatukio ya

Mfano

.column {
  float: left;
  width: 33.33%;
}
/* Kusafisha kufikia kwa matukio ya kufikia kwa kina */
.row:after {
  content: "";
  display: table;
  clear: both;
}

Jifunze tena

Kwenye mfano huu, tutumia kumuea matukio tatuHauwezi kufanana ukurabuMatukio ya

Mfano

.column {
  float: left;
}
.left, .right {
  width: 25%;
}
.middle {
  width: 50%;
}

Jifunze tena

Kwenye mfano huu, tutumia kumuea kinaMbinu ya muharibarishaMbinu ya matukio tatu

Mfano

/* Mbinu ya muharibarisha - ingawa ukurabu wa skrini huo ni chini ya 600px, kumekuja kumwinda matukio tatu kwa kimsingi, ingawa hauwezi kuwa na uharibarisho wa kimsingi */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

Jifunze tena

相关页面

教程：CSS 网站布局

教程：CSS 响应式网页设计