কম্পিউটার

CSS দিয়ে শব্দের উপর ভিত্তি করে লাইনটি ভেঙে দিন


CSS এর সাথে একটি শব্দের উপর ভিত্তি করে লাইন ভাঙতে শব্দ-ব্রেক বৈশিষ্ট্য ব্যবহার করুন। CSS -

-এ ওয়ার্ড-ব্রেক প্রপার্টি বাস্তবায়ন করতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন

উদাহরণ

<html>
   <head>
      <style>
         p.text1 {
            width: 140px;
            border: 1px solid #000000;
            word-break: keep-all;
         }
         p.text2 {
            width: 140px;
            border: 1px solid #000000;
            word-break: break-all;
         }
      </style>
   </head>
   <body>
      <b>line break at hyphens:</b>
      <p class = "text1">Tutorials Point originated from the idea that there exists a class of
      readers who respond better to online content and prefer to learn new skills at
      their own pace from the comforts of their drawing rooms.</p>
      <b>line break at any character</b>
     
      <p class = "text2">Tutorials Point originated from the idea that there exists a class of
      readers who respond better to online content and prefer to learn new skills at their
      own pace from the comforts of their drawing rooms.</p>
   </body>
</html>

আউটপুট

CSS দিয়ে শব্দের উপর ভিত্তি করে লাইনটি ভেঙে দিন


  1. পাঠ্যের শেষ লাইনটি CSS দিয়ে সারিবদ্ধ করুন

  2. লাইনটি ভেঙ্গে সিএসএস দিয়ে পরবর্তী লাইনে মোড়ানো

  3. CSS দিয়ে একটি বোতামের প্রস্থ সেট করুন

  4. কিভাবে CSS দিয়ে একটি উল্লম্ব লাইন তৈরি করবেন?