CSS Inline-block
display:inline-аас display:inline-blok-н гол ялгаа нь элементэд өргөн ба өндрийг зааж өгөх боломжтой.display:blok-аас display:inline-blok-н гол ялгаа нь элемент шинэ мөрөнд шилжихгүй.display:inline, display:inline-blok болон display:blok-н гол ялгаа доорх жишээнээс илүү тодорхой үзнэ үү.
Жишээ нь
display: inline;
<style>
span.a {
display: inline; /* inline элементүүдийн анхны утга */
width: 100px;
height: 100px;
padding: 5px;
border: 3px solid red;
background-color: Violet;
}
</style>
Жишээ нь
display: inline-block;
<style>
span.a {
display: inline-block;
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid red;
background-color: Violet;
}
</style>
Жишээ нь
display: block;
<style>
span.a {
display: block;
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid red;
background-color: Violet;
}
</style>
Сэтгэгдэлүүд
