পাঠ্যটি ফাঁকা ছাড়াই এবং ডিভিও আকার 200px এর বাইরে চলে গেলে প্রস্থটি 200px হিসাবে সংজ্ঞায়িত করা হয়েছে আমি আমার কোডটি এখানে রেখেছি http://jsfiddle.net/madhu131313/UJ6zG/ আপনি নীচের ছবিগুলি সম্পাদিত দেখতে পাচ্ছেন : আমি চাই পরবর্তী পাঠ্য পাঠ্য পাঠ্য
পাঠ্যটি ফাঁকা ছাড়াই এবং ডিভিও আকার 200px এর বাইরে চলে গেলে প্রস্থটি 200px হিসাবে সংজ্ঞায়িত করা হয়েছে আমি আমার কোডটি এখানে রেখেছি http://jsfiddle.net/madhu131313/UJ6zG/ আপনি নীচের ছবিগুলি সম্পাদিত দেখতে পাচ্ছেন : আমি চাই পরবর্তী পাঠ্য পাঠ্য পাঠ্য
উত্তর:
এটি ফাঁকা ছাড়াই আপনার একটি দীর্ঘ শব্দ আছে এই কারণে। word-wrapপাঠ্যটি ভেঙে দেওয়ার জন্য আপনি সম্পত্তিটি ব্যবহার করতে পারেন :
#w74 { word-wrap: break-word; }
এটির মোটামুটি ভাল ব্রাউজার সমর্থনও রয়েছে। এটি সম্পর্কে এখানে ডকুমেন্টেশন দেখুন ।
আপনার ব্যবহার করা উচিত overflow:hidden; বাscroll
বা পিএইচপি দিয়ে আপনি দীর্ঘ শব্দ সংক্ষিপ্ত করতে পারেন ...
আপনার নিম্নলিখিত সিএসটি সম্পত্তিটি ধারক ব্লকে (ডিভি) প্রয়োগ করতে হবে:
overflow-wrap: break-word;
স্পেসিফিকেশন অনুসারে (সোর্স সিএসএস | এমডিএন ):
overflow-wrapসিএসএস সম্পত্তি নির্দিষ্ট করে থাকুক বা না থাকুক ব্রাউজার এর বিষয়বস্তু বক্স সজল থেকে টেক্সট প্রতিরোধ শব্দ মধ্যে লাইন ব্রেক ঢোকান করা উচিত নয়।
মানটি সেট করা সহ break-word
অতিরিক্ত প্রবাহ রোধ করতে, লাইনে অন্যথায় গ্রহণযোগ্য ব্রেক পয়েন্ট না থাকলে সাধারণত অবিচ্ছেদ্য শব্দগুলি নির্বিচারে বিন্দুতে ভেঙে যেতে পারে।
উল্লেখযোগ্য মূল্য ...
সম্পত্তিটি মূলত একটি অ-মানসম্পন্ন এবং অপ্রকাশিত মাইক্রোসফ্ট এক্সটেনশন নামে পরিচিত
word-wrap, এবং বেশিরভাগ ব্রাউজার একই নাম দিয়ে প্রয়োগ করেছিল। এর পর থেকে এটির নামকরণ হয়েছেoverflow-wrap,word-wrapএকটি উপাধি রয়েছে।
যদি আপনি লিগ্যাসি ব্রাউজারগুলিকে সমর্থন করেন তবে এটি উভয়ই নির্দিষ্ট করে দেওয়ার মতো:
word-wrap : break-word;
overflow-wrap: break-word;
প্রাক্তন আইই 9 স্বীকৃতি দেয় না overflow-wrapতবে এটি দিয়ে কাজ করেword-wrap
overflow:autoএটি ব্যবহার করুন div:) এর মধ্যে আপনার পাঠ্যে একটি স্ক্রোলার দেবে ।
যদি এই সাহায্য করে। আপনার নির্বাচককে মান সহ নিম্নলিখিত সম্পত্তি যুক্ত করুন:
white-space: pre-wrap;
যদি এটি কেবলমাত্র একটি উদাহরণ হয় যা 2 বা 3 লাইনে আবৃত করা দরকার আমি কেবল <wbr>স্ট্রিংয়ে কয়েকটি ব্যবহার করব । এটি ঠিক তাদের মতোই আচরণ করবে <br>তবে এটি প্রয়োজনীয় না হলে লাইন ব্রেকটি সন্নিবেশ করবে।
<div id="w74" class="dpinfo">
adsfadsadsads<wbr>fadsadsadsfadsadsa<wbr>dsfadsadsadsfadsadsads<wbr>fadsadsadsfadsadsadsfa<wbr>dsadsadsfadsadsadsfadsad<wbr>sadsfadsadsads<wbr>fadsadsadsfadsads adsfadsads
</div>
এখানে একটি ঝাঁকুনি।