স্প্যান লিমিট টেক্সট দৈর্ঘ্যের সাথে সম্পর্কিত প্রধান সমস্যা হল এটি কাটা বা অসম্পূর্ণ বার্তা হতে পারে। এটি বিশেষ করে এমন ক্ষেত্রে সমস্যাযুক্ত হতে পারে যেখানে প্রদর্শিত পাঠ্যটি গুরুত্বপূর্ণ বা গুরুত্বপূর্ণ তথ্য রয়েছে। যদি পাঠ্যটি খুব দীর্ঘ হয়, তবে এটি কেটে ফেলা হবে এবং ব্যবহারকারীর দ্বারা পড়ার সময় অর্থবোধ নাও হতে পারে। উপরন্তু, যদি টেক্সটটি ছোট করা হয়, তবে এটি তার উদ্দেশ্যমূলক অর্থ প্রকাশ করতে পারে না এবং বিভ্রান্তি বা ভুল ব্যাখ্যার দিকে নিয়ে যেতে পারে।
<span style="max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">This is a long sentence that will be limited to 100 characters.</span>
1. এই লাইনটি স্প্যানের সর্বাধিক প্রস্থ 100px এ সেট করে:
`
HTML এ 'স্প্যান' কি?
এইচটিএমএল উপাদান একটি নথিতে ইনলাইন-উপাদানগুলিকে গোষ্ঠীভুক্ত করতে ব্যবহৃত হয়। এটি একটি নথির মধ্যে কাঠামো যোগ করার একটি উপায় প্রদান করে, যা আপনাকে উপাদানগুলিকে একত্রে গোষ্ঠীভুক্ত করতে এবং গোষ্ঠীভুক্ত উপাদানগুলিতে শৈলী, বিন্যাস এবং বৈশিষ্ট্যগুলি প্রয়োগ করতে দেয়৷ স্প্যান উপাদানটি একটি ইনলাইন উপাদান এবং নথিতে একটি নতুন লাইন বা ব্লক-স্তরের উপাদান প্রবর্তন করে না।
আমি কীভাবে স্প্যানে পাঠ্য সীমাবদ্ধ করব
আপনি CSS সর্বাধিক-প্রস্থ বৈশিষ্ট্য ব্যবহার করে HTML-এর একটি স্প্যান উপাদানে পাঠ্য সীমাবদ্ধ করতে পারেন। এই বৈশিষ্ট্যটি আপনাকে একটি উপাদানের জন্য সর্বাধিক প্রস্থ সেট করার অনুমতি দেয় এবং এই প্রস্থকে অতিক্রম করে এমন যেকোনো পাঠ্য ছাঁটাই করা হবে। এই বৈশিষ্ট্যটি ব্যবহার করতে, এটিকে আপনার CSS স্টাইলশীটে যোগ করুন এবং এটি পছন্দসই সর্বাধিক প্রস্থে সেট করুন:
স্প্যান {
সর্বোচ্চ-প্রস্থ: 200px;
}
এটি আপনার পৃষ্ঠার যেকোনো স্প্যান উপাদানকে সর্বাধিক 200px চওড়ায় সীমাবদ্ধ করবে। এই প্রস্থের বেশি যে কোনো পাঠ্য একটি উপবৃত্ত (...) দিয়ে কাটা হবে।