word-break প্রপার্টি

word-break প্রপার্টিটি একটি দীর্ঘ শব্দের অক্ষরগুলিকে একটি নতুন লাইনে স্থানান্তর করতে দেয়, যদি সেই শব্দটি কন্টেইনারের প্রস্থে ফিট না হয়।

সিনট্যাক্স

cssসিলেক্টর {
  word-break: break-all | keep-all | normal;
}

মানসমূহ

ডিফল্ট মান: normal।

উদাহরণ . normal মান

এই উদাহরণে, একটি খুব দীর্ঘ শব্দ কন্টেইনারে ফিট হবে না এবং এর সীমানার বাইরে চলে যাবে (যদিও এটি একটি নতুন লাইন থেকে শুরু হবে):

html<div id="elem">
  Lorem ipsum dolor sit amet
  loooooooooooooooooooooooooooooooongword,
  consectetur adipiscing elit.
</div>

css#elem {
  width: 200px;
  word-break: normal;
  border: 1px solid red;
}

Результат:

উদাহরণ . break-all মান

এবং এখন যে অক্ষরগুলি ফিট হচ্ছিল না, সেগুলি সহজভাবে পরবর্তী লাইনে স্থানান্তরিত হবে:

html<div id="elem">
  Lorem ipsum dolor sit amet
  loooooooooooooooooooooooooooooooongword,
  consectetur adipiscing elit.
</div>

css#elem {
  width: 200px;
  word-break: break-all;
  border: 1px solid red;
}

Результат:

আরও দেখুন