CSS အချက်အရာ - အလှယ်အသင့် နှင့် အဖျက်

CSS အချက်အရာ - အလှယ်အသင့် နှင့် အဖျက်

CSS float 属性规定元素如何浮动。

CSS clear 属性规定哪些元素可以在清除的元素旁边以及在哪一侧浮动。

float အခြေအနေ

float အခြေအနေ အသုံးပြုသည် အဖြစ် အခြေအနေ ပြုပြင်ခြင်း နှင့် အကြောင်းပြောချက် အသုံးပြုနိုင်သည် အဖြစ် ပုံသဏ္ဍာန် အကြောင်းပြောချက် တွင် အရှေ့ဘက် ပျံ့နှံ့လိမ့်မည် ကို ပြုလုပ်နိုင်ပါသည်。

float အခြေအနေ အသုံးပြုနိုင်သော အခြေအနေ အဖြစ် အချက်အလက် အချို့ ကို အစီအစဉ်တွင် ရေးသားလိမ့်မည်:

  • left - အီဂျစ်နယ်တန် အခြေအနေ အကျယ်အဝန်း အရှေ့ဘက် ပျံ့နှံ့လိမ့်မည်
  • right - အီဂျစ်နယ်တန် အခြေအနေ အကျယ်အဝန်း အရှေ့ဘက် ပျံ့နှံ့လိမ့်မည်
  • none - အီဂျစ်နယ်တန် အခြေအနေ မပျံ့နှံ့လိမ့်မည် (အကြောင်းပြောချက် တွင် ပြောင်းလဲသွားသော နေရာမှ ပြုပြင်လိမ့်မည်) လျှပ်ခြူးသည်။ မြန်မာပြည် အခြေခံ အမှတ်ပြောချက်
  • inherit - အီဂျစ်နယ်တန် အခြေအနေ အောင်မြင်စွာ တိုက်ရိုက် ကူးယူလိမ့်မည်

အကျယ်အဝန်း အမျိုးအစား အကြောင်းပြောချက် တွင် အများဆုံး အသုံးပြုသော အမှတ်ပြောချက် ဖြစ်သည်:float အခြေအနေ အောင်မြင်စွာ လက်ခံနိုင်သော အခြေအနေ အဖြစ် (စကားလုံးရှိသော စကားသဏ္ဍာန်) အယူအဆ ပြုလုပ်နိုင်ပါသည်。

အမှတ်ပြ - float: right;

အောက်ပါအချက်အလက် အကြောင်းပြောချက် တွင် ပုံသဏ္ဍာန် အကြောင်းပြောချက် တွင် အရှေ့ဘက်သို့ ပျံ့နှံ့လိမ့်မည်:

ပန်းငြန်း

领先的 Web 技术教程 - 全部免费。在 CodeW3C.com,你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS,乃至进阶的 XML、SQL、JS、PHP。

我们的参考手册涵盖了网站技术的方方面面。其中包括W3C标准技术:HTML、CSS、XML 。以及其他技术,诸如 JavaScript、PHP、SQL 等。

在 CodeW3C.com,我们提供上千个实例。通过使用我们的在线编辑器,你可以编辑这些例子,并对代码进行实验。

实例

img {
  float: right;
}

亲自试一试

အမှတ်ပြ - float: left;

အောက်ပါအချက်အလက် အကြောင်းပြောချက် တွင် ပုံသဏ္ဍာန် အကြောင်းပြောချက် တွင် ပြုပြင်လိမ့်မည်:အရှေ့ဘက်ပျံ့နှံ့ခြင်း:

ပန်းငြန်း

领先的 Web 技术教程 - 全部免费。在 CodeW3C.com,你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS,乃至进阶的 XML、SQL、JS、PHP。

我们的参考手册涵盖了网站技术的方方面面。其中包括W3C标准技术:HTML、CSS、XML 。以及其他技术,诸如 JavaScript、PHP、SQL 等。

在 CodeW3C.com,我们提供上千个实例。通过使用我们的在线编辑器,你可以编辑这些例子,并对代码进行实验。

实例

img {
  float: left;
}

亲自试一试

အမှတ်ပြ - No float

အောက်ပါအချက်အလက်တွင် ပုံသဏ္ဍာန် အကြောင်းပြောချက် တွင် ပြောင်းလဲသွားသော နေရာမှ ပြုပြင်လိမ့်မည် (float: none;):

ပန်းငြန်း 领先的 Web 技术教程 - 全部免费。在 CodeW3C.com,你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS,乃至进阶的 XML、SQL、JS、PHP。 我们的参考手册涵盖了网站技术的方方面面。其中包括W3C标准技术:HTML、CSS、XML 。以及其他技术,诸如 JavaScript、PHP、SQL 等。 在 CodeW3C.com,我们提供上千个实例。通过使用我们的在线编辑器,你可以编辑这些例子,并对代码进行实验。

实例

img {
  float: none;
}

亲自试一试

延伸阅读

课外书:စီစ်တိုက် လျှို့ဝှက်