এইচটিএমএলে শব্দ মোড়ানো কীভাবে বন্ধ করবেন?

Question

আমি এটি নির্ধারণ করতে সক্ষম না হওয়ার জন্য নির্বোধ বোধ করছি তবে আমি কীভাবে ওয়ার্ড র‌্যাপ বন্ধ করব? সিএসএস word-wrapসম্পত্তি জোর করা যেতে পারে break-word, কিন্তু জোর করা যায় না বন্ধ করা যায় না (কেবল normalমূল্য দিয়ে একা থাকতে পারে )।

আমি কীভাবে শব্দ মোড়ানো বন্ধ করব ?

Answer 1

আপনার সিএসএস white-spaceঅ্যাট্রিবিউট ব্যবহার করা দরকার ।

বিশেষত, white-space: nowrapএবং white-space: preসর্বাধিক ব্যবহৃত মান। প্রথমটি মনে হচ্ছে আপনি কী করছেন।

Answer 2

উপরে থেকে মিস করা ওয়েবকিট নির্দিষ্ট মানগুলি

white-space: -moz-pre-wrap; /* Firefox */
white-space: -o-pre-wrap; /* Opera */
white-space: pre-wrap; /* Chrome */
word-wrap: break-word; /* IE */

Answer 3

আমি অবাক হয়েছি কেন আপনি "নওর্যাপ" বা "প্রাক" দিয়ে "সাদা-স্থান" হিসাবে সমাধান হিসাবে সন্ধান করেন, এটি সঠিক আচরণ করছে না: আপনি নিজের পাঠ্যকে একটি লাইনে জোর করে দিয়েছেন! পাঠ্যটিতে লাইনগুলি ভাঙা উচিত, তবে শব্দটিকে ডিফল্ট হিসাবে ভাঙা উচিত নয়। ওয়ার্ড-র‌্যাপ, ওভারফ্লো-মোড়ানো, শব্দ-বিরতি এবং হাইফেনগুলি কিছু CSS বৈশিষ্ট্যগুলির কারণে এটি ঘটে। সুতরাং আপনি যে কোনওটি পেতে পারেন:

word-break: break-all;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

সুতরাং সমাধানটি সেগুলি সরিয়ে ফেলা হবে বা তাদের "আনসেট" বা "সাধারণ" দিয়ে ওভাররাইড করুন:

word-break: unset;
word-wrap: unset;
overflow-wrap: unset;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;

আপডেট: আমি জেএসফিডেলের সাথে প্রমাণও সরবরাহ করি: https://jsfiddle.net/azozp8rr/

Comments

আমি সাধারণভাবে কেন আপনি শব্দগুলিতে ভাঙতে চান তা বুঝতে পেরেছি। তবে ধরে নেওয়া শব্দের মোড়কের পরিবর্তনের কোনও বৈধ কারণ আমার কাছে বোধগম্য নয়। আমি আপনার "আনসেট" সমাধানটি দ্রুত পরীক্ষার চেষ্টা করেছি এবং এটিতে এখনও শব্দ মোড়ানো রয়েছে। যদি আপনি মনে করেন এটির কাজ করা উচিত তবে দয়া করে এটি কাজ করে একটি jsfiddle সরবরাহ করুন।

— আলেকজান্ডার বার্ড

আমি জানি না কেন আমার উত্তরটি অদৃশ্য হয়ে গেল। আবার, আপনি Nowrap জোর করতে পারেন, সাধারণত লোকজন এটি বোতামগুলির জন্য করে। তবে আমি মনে করি এটি প্রতিক্রিয়াশীল কারণে খারাপ ডিজাইন, কারণ পাঠ্যগুলি ধারকটির বাইরে যেতে পারে। যাইহোক, প্রশ্নটি শব্দ-মোড়ানো সম্পর্কে জিজ্ঞাসা করছিল: ব্রেক-শব্দ, বাধ্য করা এবং আপনি কীভাবে জোর করে বন্ধ করবেন তা জিজ্ঞাসা করেছিলেন। সুতরাং, আমি এটি করার জন্য কোড সরবরাহ করেছি। শ্বেতস্থান: এখনেরপ আরেকটি জিনিস, এবং এটি ব্রেকিং শব্দগুলি সরিয়ে দিচ্ছে না, এটি সম্পূর্ণ লাইনগুলি ভেঙে ফেলছে। আমি জেএসফিডেলের সাথে কোডটির তুলনাও সরবরাহ করি: https://jsfiddle.net/azozp8rr/

— zod

Answer 4

এটি আমার পক্ষে ক্রোম টেক্সারিয়াসের মধ্যে নিরীহ কাজ বিরতি বন্ধ করার জন্য কাজ করেছিল

word-break: keep-all;