কীভাবে 1 টির বেশি রেখা গ্রহণ করা বন্ধ করা যায়?

Question

কোনও শব্দ-মোড়ানো বা অন্য কোনও বৈশিষ্ট্য যা পাঠ্য মোড়ানো থেকে বিরত রাখে? আমার উচ্চতা আছে এবং overflow:hidden, এবং পাঠ্যটি এখনও বিরতি।

CSS3 এর আগে সমস্ত ব্রাউজারে কাজ করা দরকার।

Answer 1

div {
  white-space: nowrap;
  overflow: hidden;
}

<div>test that doesn't wrap</div>

দ্রষ্টব্য: এটি কেবল ব্লক উপাদানগুলিতে কাজ করে। আপনার যদি টেবিল কোষগুলিতে এটি করার দরকার হয় (উদাহরণস্বরূপ) আপনাকে টেবিলের ঘরের ভিতরে একটি ডিভ লাগাতে হবে কারণ টেবিলের কোষগুলিতে ডিসপ্লে টেবিল-সেল ব্লক নয় not

সিএসএস 3 হিসাবে এটি টেবিল কোষগুলির জন্যও সমর্থিত।

Comments

সাদা-স্পেস! এটাই আমি খুঁজছিলাম ... 1,000 ধন্যবাদ ... এটি গুগল করা অসম্ভব!

ওয়ার্ড-র‌্যাপ (আইআইআরসি) নামে একটি স্বত্বাধিকারী অর্থ বিশিষ্টতাও রয়েছে ... বোকা আইই।

— গ্যারো

"পাঠ্য-ওভারফ্লো: উপবৃত্ত;" বিবেচনা করুন এটি আপনার পাঠ্যের শেষে ... যুক্ত করে যদি এটি আপনার

— ধারকটির

আমি মনে করি "এটি কেবলমাত্র ব্লক উপাদানগুলিতে কাজ করে" মন্তব্যটি সঠিক। যদি আপনি এটি একটি অ্যাঙ্কর, অনুচ্ছেদ, শিরোনাম ইত্যাদি চেষ্টা করে দেখেন তবে এটি কার্যকর হয় না। আপনার মতো কিছু করা দরকারp.oneline { white-space:nowrap; overflow:hidden; display:block;}

— অ্যালেক্স অ্যাঞ্জেলিকো

ওভারফ্লো আড়াল থেকে সাবধান; এর অর্থ ব্যবসা।

— ডেভিড এ। গ্রে

Answer 2

আপনি এটি CSS white-space Propertyঅর্জন করতে ব্যবহার করতে পারেন ।

white-space: nowrap

Answer 3

উপবৃত্তাকার ব্যবহারটি সর্বশেষে ... যুক্ত করবে।

   <style type="text/css">
    div {
      white-space: nowrap;
      overflow: hidden;
text-overflow: ellipsis;
    }
    </style>

Answer 4

কখনও কখনও  স্থানগুলির পরিবর্তে ব্যবহার করা কাজ করবে। স্পষ্টতই এটির ঘাটতি রয়েছে, যদিও।

Comments

দুর্ভাগ্যক্রমে, আমি এই পরিস্থিতিতে এটি করতে পারি না

Answer 5

কেবল স্ফটিক পরিষ্কার হওয়ার জন্য, এটি অনুচ্ছেদ এবং শিরোনাম ইত্যাদির সাথে দুর্দান্তভাবে কাজ করে আপনার কেবল নির্দিষ্ট করতে হবে display: block ।

এই ক্ষেত্রে:

<h5 style="display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden">
  This is a really long title, but it won't exceed the parent width
</h5>

(ইনলাইন শৈলীর ক্ষমা করুন)