এইচটিএমএল সফ্ট হাইফেন (<ডাব্লু বিবি>> বনাম & লাজুক;)

Question

আপনার ওয়েব পৃষ্ঠাগুলিতে নরম হাইফেন দিয়ে আপনি কীভাবে সমস্যার সমাধান করবেন? একটি পাঠ্যে দীর্ঘ শব্দ থাকতে পারে যা আপনি হাইফেন দিয়ে বিরতিতে চান। পুরো শব্দটি একই লাইনে থাকলে আপনি হাইফেনটি প্রদর্শন করতে চান না।

এই পৃষ্ঠায় মন্তব্য অনুসারে <wbr>একটি নেট স্ট্যান্ডার্ড "নেটস্কেপ উদ্ভাবিত ট্যাগ স্যুপ"। দেখে মনে হচ্ছে ­ স্ট্যান্ডার্ড কমপ্লায়েন্সেও এর সমস্যা রয়েছে । সমস্ত ব্রাউজারের কাজের সমাধান পাওয়ার কোনও উপায় নেই বলে মনে হচ্ছে ।

নরম হাইফেন পরিচালনা করার জন্য আপনার উপায় কোনটি এবং কেন আপনি এটি চয়ন করেছেন? পছন্দসই সমাধান বা সেরা অনুশীলন আছে?

---

সম্পর্কিত SO আলোচনা এখানে দেখুন ।

Comments

আগে বন্ধ করার জন্য দুঃখিত - এটি নিকটে, তবে অন্যটির মতো নয়। যদিও লিঙ্কটি ছেড়ে যেতে চলেছেন।

— ক্রিস মারাস্তি-জর্জি

দয়া করে লক্ষ্য করুন যে <wbr>এটি মোটেই হাইফেন হওয়ার কথা নয়।

— Andreas রেজব্র্যান্ড 18

ব্রাউজারগুলির পরীক্ষার জন্য: jsfiddle.net/k2hbrjz8/2 হয় হয় & # 173; বা & লাজুক; প্রদর্শন এবং অনুলিপি / পেস্টের জন্য পছন্দসই হিসাবে কাজ করছে বলে মনে হচ্ছে। <wbr> ডাবল ক্লিক করলে কেবল অর্ধেক শব্দ নির্বাচন করে। অনুসন্ধান বর্তমান ফায়ারফক্সে (এই মন্তব্যের তারিখ অনুসারে) সন্ধান করে। যদি & # 173; সূচকগুলি আরও ভাল, এটি ব্যবহার করুন।

— কর্মকাজে

Answer 1

দুর্ভাগ্যক্রমে, &shyএর সমর্থন ব্রাউজারগুলির মধ্যে এতটা বেমানান যে এটি সত্যিই ব্যবহার করা যায় না।

QuirksMode ঠিক - এখনই এইচটিএমএলে নরম হাইফেন ব্যবহার করার ভাল উপায় নেই। এগুলি ছাড়া আপনি কী করতে পারেন তা দেখুন।

2013 সম্পাদনা: কুইর্কসমোড অনুসারে , ­এখন সমস্ত বড় ব্রাউজারগুলিতে কাজ করা / সমর্থিত।

Comments

দুর্ভাগ্যক্রমে, এটি হয় না। আপনার ব্রাউজারে একটি সফট হাইফেনযুক্ত একটি শব্দ অনুসন্ধান করার চেষ্টা করুন। বেশিরভাগ ব্রাউজারগুলি নরম হাইফেনকে সহনীয়ভাবে উপেক্ষা করার পরিবর্তে এটিকে দুটি পৃথক শব্দ হিসাবে বিবেচনা করে।

— gclj5

@ gclj5 আমি সবেমাত্র ­Chrome v21 এর একটি শব্দের সন্ধান করেছি এবং এটি নরম হাইফেনকে সঠিকভাবে উপেক্ষা করে। আইই, এফএফ এবং অন্যান্য ব্রাউজারগুলি সম্পর্কে নিশ্চিত না।

— ইভানর্ম্মফি 21

এটি সাম্প্রতিক এফএফ, ক্রোম এবং সাফারিতে ঠিক আছে (অর্থাত্ শব্দগুলি অনুসন্ধানযোগ্য) কাজ করে।

— এমএমএম

তবে & লাজুকের সাথে পাঠ্য অনুলিপি করুন; ক্রোমে ড্যাশ সহ পাঠ্য ফিরে আসে। উদাহরণ: "ইউনি & লাজুক; পরে & লজ্জা; আল।" "ইউনি-লেটার-আল" হিসাবে অনুলিপি করা হয়েছে।

— এনাইবি

আজ ­ওয়েবকিটে নির্দিষ্ট বাগের কারণে (সাফারি, সাফারি আইওএস এবং ক্রোম সর্বশেষ সংস্করণগুলিকে প্রভাবিত করছে) উল্লেখযোগ্য সংখ্যক কাস্টম ফন্ট (ফ্রি এবং বাণিজ্যিক উভয় ক্ষেত্রেই) রেন্ডারিংয়ের কারণে উদ্ভট চরিত্রগুলির কারণে আমাদের ব্যবহার ছাড়তে হয়েছিল

— নিকো পেরিনিস

Answer 2

ফেব্রুয়ারী 2015 সারাংশ (আংশিক আপডেট নভেম্বর 2017)

তারা সকলেই বেশ ভাল অভিনয় করে, ­এটিকে কিনারা দেয় কারণ গুগল এখনও এতে থাকা শব্দের সূচি দিতে পারে।

• ব্রাউজারগুলিতে: ­ এবং ­উভয়ই প্রধান ব্রাউজারগুলিতে প্রত্যাশা অনুযায়ী (এমনকি পুরানো আইই!)। <wbr>আইই (10 বা 11) এর সাম্প্রতিক সংস্করণগুলিতে সমর্থিত নয় এবং এজ এ সঠিকভাবে কাজ করে না।
• যখন অনুলিপি এবং ব্রাউজার থেকে আটকানো: (পরীক্ষিত 2015) হিসাবে জন্য প্রত্যাশিত ­এবং ­Chrome এবং ফায়ারফক্স ম্যাক জন্য, উইন্ডোজ (10), এটি অক্ষর রাখে এবং অ্যাপ্লিকেশন তাদের সমর্থন মধ্যে নোটপ্যাড এবং অদৃশ্য নরম হাইফেন মধ্যে হার্ড হাইফেন পেস্ট। আইই (উইন)) সর্বদা হাইফেনের সাথে পেস্ট করে, এমনকি আইই ১০ এবং সাফারি (ম্যাক) কপি এমনভাবে দেয় যা কিছু অ্যাপ্লিকেশনগুলিতে হাইফেন হিসাবে আটকায় (যেমন এমএস ওয়ার্ড), তবে অন্যরা নয়
• পৃষ্ঠাতে খুঁজুন জন্য কাজ ­এবং ­ইন্টারনেট ছাড়া সমস্ত ব্রাউজার যা শুধুমাত্র সঠিক কপি-এবং-আটকানো ম্যাচ ম্যাচ উপর (এমনকি আপ IE11 করার জন্য)
• অনুসন্ধান ইঞ্জিনগুলি: গুগল ­সাধারণত টাইপ করা শব্দের সাথে থাকা শব্দের সাথে মেলে । ২০১ of সালের মতো এটি আর শব্দযুক্ত শব্দটির সাথে মেলে না বলে মনে হয় ­। ইয়ানডেক্স অ্যাপার একই হতে পারে। বিং এবং বাইদু মিলছে না বলে মনে হচ্ছে।

---

এটা পরীক্ষা করো

আপ-টু-ডেট লাইভ পরীক্ষার জন্য, এখানে নরম হাইফেন সহ অনন্য শব্দের কয়েকটি উদাহরণ।

• ­- confumbabbl­ication­ism- বিভ্রান্তিকরতা
  • .................................................. .................................................. .......... confumbabblicationism
  • .................................................. .................................................. .............. confumbabblicationism

<wbr>- donfounbabbl<wbr>ication<wbr>ism। এই সাইটটি <wbr/>আউটপুট থেকে সরান। পরীক্ষার জন্য এখানে একটি jsbin.com স্নিপেট ।

• ­- eonfulbabbl­ication­ism- স্বাচ্ছন্দ্যবোধ
  • .................................................. .................................................. ............. eonfulbabblicationism
  • .................................................. .................................................. ................ eonfulbabblicationism

এখানে তাদের কোনও লজ্জাজনক হাইফেন নেই (এটি অনুলিপি পৃষ্ঠার পরীক্ষায় অনুলিপি করা ও আটকানোর জন্য; এটি এমনভাবে লিখিত যা অনুসন্ধান ইঞ্জিন পরীক্ষাগুলি ভঙ্গ করবে না):

ZZZconfumbabblicationismZZZdonfounbabblicationismZZZeonfulbabblicationismZZZ

ব্রাউজার জুড়ে প্রদর্শন করুন

সাফল্য: একটি নির্দিষ্ট শব্দ হিসাবে যেখানে এটি ভাঙ্গা উচিত এবং হাইফেনেট হওয়া উচিত তা বাদ দিয়ে একটি সাধারণ শব্দ হিসাবে প্রদর্শিত হচ্ছে।

ব্যর্থতা: অস্বাভাবিকভাবে প্রদর্শন করা, বা উদ্দেশ্য স্থলে ভাঙতে ব্যর্থ।

• ক্রোম (40.0.2214.115, ম্যাক): ­সাফল্য, <wbr>সাফল্য, ­সাফল্য
• ফায়ারফক্স (35.0.1, ম্যাক): ­সাফল্য, <wbr>সাফল্য, ­সাফল্য
• সাফারি (6.1.2, ম্যাক): ­সাফল্য, <wbr> এখনও পরীক্ষিত হয়নি , ­সাফল্য
• এজ (উইন্ডোজ 10): ­সাফল্য, <wbr> ব্যর্থ (বিরতি তবে হাইফেন নেই), ­সাফল্য
• আইই 11 (উইন্ডোজ 10): ­সাফল্য, <wbr> ব্যর্থ (কোনও বিরতি নেই), ­সাফল্য
• আইই 10 (উইন্ডোজ 10): ­সাফল্য, <wbr> ব্যর্থ (কোনও বিরতি নেই), ­সাফল্য
• আইই 8 (উইন্ডোজ 7): ভুল - কখনও কখনও, তাদের কেউই মোটেও কাজ করে না এবং তারা সবাই কেবল CSS অনুসরণ করে word-wrap। কখনও কখনও, তারা সব কাজ মনে হয়। কেন এখনও তা সম্পর্কে কোনও পরিষ্কার নিদর্শন পাওয়া যায়নি।
• আই 7 (উইন্ডোজ 7): ­সাফল্য, <wbr>সাফল্য, ­সাফল্য

ব্রাউজার জুড়ে অনুলিপি করুন paste

সাফল্য: অনুলিপিযুক্ত পুরো শব্দটি অনুলিপি করা ও আটকানো। (ব্রাউজার অনুসন্ধান, এমএস ওয়ার্ড 2011 এবং সাব্লাইম টেক্সটে ম্যাক পেস্ট করার পরীক্ষিত)

ব্যর্থতা: হাইফেন, স্থান, লাইন ব্রেক, বা জাঙ্ক অক্ষরের সাথে আটকানো।

• ক্রোম (40.0.2214.115, ম্যাক): ­সাফল্য, <wbr>সাফল্য, ­সাফল্য
• ফায়ারফক্স (35.0.1, ম্যাক): ­সাফল্য, <wbr>সাফল্য, ­সাফল্য
• সাফারি (6.1.2, ম্যাক): ­ ব্যর্থ মাইক্রোসফট ওয়ার্ড মধ্যে (হাইফেন হিসাবে সব পেস্ট), অন্যান্য অ্যাপ্লিকেশন সাফল্য <wbr> ব্যর্থ , ­ ব্যর্থ মাইক্রোসফট ওয়ার্ড মধ্যে (হাইফেন হিসাবে সব পেস্ট), অন্যান্য অ্যাপ্লিকেশন সাফল্য
• আইই 10 (উইন 7): ­ ব্যর্থ সমস্ত হাইফেন হিসাবে আটকান, <wbr> ব্যর্থ , ­ ব্যর্থ সমস্ত হাইফেন হিসাবে আটকান
• আইই 8 (উইন 7): ­ ব্যর্থ সমস্ত হাইফেন হিসাবে আটকায়, <wbr> ব্যর্থ হয় , ­ ব্যর্থ সমস্ত হাইফেন হিসাবে আটকায়
• আই 7 (উইন)): ­ ব্যর্থ সমস্ত হাইফেন হিসাবে আটকায়, <wbr> ব্যর্থ হয় , ­ ব্যর্থ সমস্ত হাইফেন হিসাবে আটকায়

অনুসন্ধান ইঞ্জিন মেলানো

নভেম্বর 2017 এ আপডেট হয়েছে <wbr>tested পরীক্ষিত হয়নি কারণ স্ট্যাকওভারফ্লো এর সিএমএস এটিকে ছিটকে গেছে।

সাফল্য: সম্পূর্ণ, অ-সংজ্ঞাযুক্ত শব্দটির অনুসন্ধান করুন এই পৃষ্ঠাটি সন্ধান করুন।

ব্যর্থতা: অনুসন্ধান ইঞ্জিনগুলি কেবলমাত্র শব্দের ভাঙা অংশগুলি, বা হাইফেন সহ একটি শব্দ অনুসন্ধান করতে এই পৃষ্ঠাটি সন্ধান করতে পারে।

• গুগল: ­ব্যর্থ হয়, ­সফল হয়
• বিং: ­ব্যর্থ, ­ব্যর্থ
• বাইদু: ­ব্যর্থ হয়, ­ব্যর্থ হয় (দীর্ঘতর স্ট্রিংয়ের মধ্যে টুকরোগুলি মেলে তবে তাদের নিজস্ব শব্দগুলিতে একটি থাকে ­না ­)
• ইয়ানডেক্স: ­ব্যর্থ হয়, ­সফল হয় (যদিও এটি বৈদুর মতো একটি স্ট্রিং খণ্ডের সাথে মিলছে এটি সম্ভব, এটি 100% নিশ্চিত নয়)

ব্রাউজার জুড়ে পৃষ্ঠায় সন্ধান করুন

অনুসন্ধান ইঞ্জিনের মিল হিসাবে সাফল্য এবং ব্যর্থতা।

• ক্রোম (40.0.2214.115, ম্যাক): ­সাফল্য, <wbr>সাফল্য, ­সাফল্য
• ফায়ারফক্স (35.0.1, ম্যাক): ­সাফল্য, <wbr>সাফল্য, ­সাফল্য
• সাফারি (6.1.2, ম্যাক): ­সাফল্য, <wbr>সাফল্য, ­সাফল্য
• IE10 (Win7): ­ ব্যর্থ মিল কেবলমাত্র যখন উভয় লাজুক হাইফেন থাকতে <wbr>সাফল্য, ­ ব্যর্থ মিল কেবলমাত্র যখন উভয় লাজুক হাইফেন ধারণ
• IE8 (Win7): ­ ব্যর্থ মিল কেবলমাত্র যখন উভয় লাজুক হাইফেন থাকতে <wbr>সাফল্য, ­ ব্যর্থ মিল কেবলমাত্র যখন উভয় লাজুক হাইফেন ধারণ
• আই 7 (উইন)): কেবলমাত্র মেলে ­ ব্যর্থ হয় যখন উভয়ই লজ্জাজনক হাইফেন ধারণ করে, <wbr>সাফল্য, কেবলমাত্র মেলে ­ ব্যর্থ হয় যখন উভয়ই লজ্জাজনক হাইফেন থাকে

Comments

আজ, <wbr/>ফায়ারফক্স এবং ক্রোমে কাজ করে। (এবং সত্যি কথা বলতে, আমি সন্দেহ করি এটি ফেব্রুয়ারি

— মাসেও

আমি উইন্ডোজ on এ ক্রোম এবং ফায়ারফক্সের সর্বশেষতম সংস্করণগুলি ব্যবহার করছি <wbr/>এবং উভয়টিতেই কাজ করি। অনুগ্রহ করে লক্ষ্য করুন যে বিরতি দেখা দিলে <wbr>উপাদানটি হাইফেন যুক্ত করার কথা নয় । অন্য কথায়, <wbr/>এবং ­ হয় না একই জিনিস করতে অনুমিত ।

— আন্দ্রেয়াস রেজব্র্যান্ড

আহ, এটিকে দেখে, দেখে মনে হচ্ছে এসই এর সিএমএসগুলি <wbr/>সোর্স কোডে রেখে তাদের চূড়ান্ত মার্কআপ থেকে সরিয়ে দিয়েছে । তুমি এসই! সম্পাদনা করবে ..

— ব্যবহারকারী56ininstatemonica8

আজব, সেই 'বাগ' পুনরুত্পাদন করতে পারে না।

— Andreas Rejbrand

পরীক্ষা করার কোনও মানে আছে ­এবং ­? একবার তারা ডোমে পৌঁছালে তারা আক্ষরিক অর্থে একই হয় ; শুধুমাত্র এইচটিএমএল টোকেনাইজারে এগুলি আলাদা।

— gsnedders

Answer 3

সিএসএস 3-এ হাইফেনেশন মানক করার একটি চলমান প্রচেষ্টা চলছে ।

কিছু আধুনিক ব্রাউজার, উল্লেখযোগ্যভাবে সাফারি এবং ফায়ারফক্স, ইতিমধ্যে এটি সমর্থন করে। ব্রাউজার সমর্থন সম্পর্কে এখানে একটি ভাল এবং আপ টু ডেট রেফারেন্স ।

সিএসএস হাইফেনেশন একবার সর্বজনীনভাবে প্রয়োগ করা হলে, এটিই সেরা সমাধান হবে। এর মধ্যে আমি হাইফেনেটরকে প্রস্তাব দিতে পারি - একটি জেএস স্ক্রিপ্ট যা কোনও নির্দিষ্ট ব্রাউজারের জন্য সবচেয়ে উপযুক্ত উপায়ে কীভাবে আপনার পাঠ্যকে হাইফেনেট করতে হয় তা নির্ধারণ করে।

Hyphenator:

• ফ্র্যাঙ্কলিন এম। লিয়ানস হাইফেনেশন অ্যালগরিদমের উপর নির্ভর করে , সাধারণত ল্যাটেক্স এবং ওপেন অফিস থেকে পরিচিত।
• এটি উপলব্ধ যেখানে CSS3 হাইফেনেশন ব্যবহার করে,
• ­বেশিরভাগ অন্যান্য ব্রাউজারে স্বয়ংক্রিয়ভাবে সন্নিবেশ করানো হয়,
• একাধিক ভাষা সমর্থন করে,
• অত্যন্ত কনফিগারযোগ্য,
• জাভাস্ক্রিপ্ট সক্ষম না করা হলে কৌতূহলবশত পিছনে পড়ে।

আমি এটি ব্যবহার করেছি এবং এটি দুর্দান্ত কাজ করে!

Comments

ফায়ারফক্স সম্পত্তিটি সমর্থন করে, তবে প্রয়োগ করার পরে কিছুই করে না

— bob0the0mighty

আমি ভুল ছিলাম, ফায়ারফক্স কাজ করে তবে আপনাকে এইচটিএমএল ট্যাগে ল্যাং টাইপ অন্তর্ভুক্ত করতে হবে।

— bob0the0miant

হাইফেনেটর স্ক্রিপ্টটি আর রক্ষণাবেক্ষণ করা যাচ্ছে না, তবে এখানে একই লেখকের নতুন সংস্করণ পাওয়া যাচ্ছে: github.com/mnater/Hyphenopoly

— ম্যাটফিশচ

Answer 4

আমি ­যেখানে প্রয়োজন সেখানে ম্যানুয়ালি সন্নিবেশ করিয়েছি।

আমি সর্বদা এটি অত্যন্ত দুঃখের বিষয় মনে করি যে লোকেরা কৌশলগুলি ব্যবহার করে না কারণ চারপাশে এমন কিছু old সম্ভবত পুরানো বা আজব — ব্রাউজার রয়েছে যা তাদের নির্দিষ্ট করে দেওয়ার মতোভাবে পরিচালনা করে না। আমি দেখেছি যে ­সাম্প্রতিক ইন্টারনেট এক্সপ্লোরার এবং ফায়ারফক্স ব্রাউজার উভয় ক্ষেত্রেই সঠিকভাবে কাজ করছে, এটি যথেষ্ট হওয়া উচিত। আপনি কোনও ব্রাউজার চেক অন্তর্ভুক্ত করতে পারেন যাতে লোকদের কোনও পরিপক্ক কিছু ব্যবহার করতে বলা হয় বা তারা যদি কিছু অদ্ভুত ব্রাউজার নিয়ে আসে তবে তাদের নিজস্ব ঝুঁকিতে চালিয়ে যেতে বলুন।

পাঠ্যক্রমটি তেমন সহজ নয় এবং আমি এটি কিছু জাভাস্ক্রিপ্টে রেখে দেওয়ার পরামর্শ দিতে পারি না । এটি একটি ভাষা নির্দিষ্ট বিষয় এবং আপনি যদি নিজের পাঠ্যকে জ্বালাময়ী করে না চান তবে ডেস্কম্যান দ্বারা সাবধানতার সাথে এটি সংশোধন করা দরকার। কিছু ভাষা, যেমন জার্মান, যৌগিক শব্দ গঠন করে এবং পচনজনিত সমস্যার কারণ হতে পারে। উদাহরণস্বরূপ Spargelder( জীবাণু সংরক্ষণিত অর্থ, pl।) পাঠ্যক্রমের বিধি দ্বারা দুটি জায়গায় মোড়ানো হতে পারে ( Spar-gel-der)। যাইহোক, এটি দ্বিতীয় অবস্থানে মোড়ানো, প্রথম অংশটিকে Spargel-( জীবাণু। অ্যাস্পারাগাস) হিসাবে দেখানোর জন্য পরিণত হয়, পাঠকের মাথায় সম্পূর্ণ বিভ্রান্তিকর ধারণাটি সক্রিয় করে এবং তাই অট্টহাসি এড়ানো যায়।

এবং স্ট্রিং সম্পর্কে কি Wachstube? এর অর্থ হয় 'গার্ডরুম' ( Wach-stu-be) বা 'মোমের নল' ( Wachs-tu-be)। আপনি সম্ভবত অন্যান্য ভাষায়ও অন্যান্য উদাহরণ খুঁজে পেতে পারেন। আপনার এমন পরিবেশ সরবরাহ করার লক্ষ্য করা উচিত যেখানে ডেস্কম্যানকে একটি ভাল-সিলেবাসযুক্ত পাঠ্য তৈরি করতে, প্রতিটি সমালোচনামূলক শব্দকে প্রুফ-রিডিংয়ে সমর্থন করা যায়।

Comments

স্পার-জেল্ডার বনাম স্পার্জেল-ডের ইংরেজিতে সাধারণ উদাহরণ হ'ল "রি-কর্ড" বনাম "রিক-অর্ড" (হোমোগ্রাফ তবে হোমোফোন নয়)। পূর্বের একটি ক্রিয়াপদ, দ্বিতীয়টি একটি বিশেষ্য। অ্যালগরিদমগুলি সাধারণত এটির জন্য যথেষ্ট স্মার্ট নয়, এমনকি ইংরেজিতেও (আইটি-র মধ্যে অন্যতম সেরা সমর্থিত ভাষা)।

— নিকোলাস শ্যাঙ্কস

আমি বিশেষজ্ঞ-এক্সচেঞ্জ বনাম বিশেষজ্ঞ-সেক্সচেঞ্জের পরামর্শ দেব

— সিজে ডেনিস

Answer 5

এইচটিএমএল 5 হিসাবে এটি লক্ষ্য করা খুব গুরুত্বপূর্ণ, <wbr>এবং ­ একই জিনিসটি করার কথা নয় !

নরম হাইফেন

­একটি নরম হাইফেন, অর্থাত্ ইউ + 00AD: সফট হাইফেন। উদাহরণ স্বরূপ,

innehålls­förteckning

হিসাবে রেন্ডার হতে পারে

innehållsförteckning

বা হিসাবে

innehålls-
förteckning

আজকের হিসাবে, সফট হাইফেনগুলি ফায়ারফক্স, ক্রোম এবং ইন্টারনেট এক্সপ্লোরারে কাজ করে।

wbrউপাদান

wbrউপাদান একটি শব্দ-ব্রেক সুযোগ, যা একটি হাইফেন প্রদর্শন করবে না একটি লাইন বিরতি ঘটে। উদাহরণ স্বরূপ,

ABCDEFG<wbr/>abcdefg

হিসাবে রেন্ডার হতে পারে

ABCDEFGabcdefg

বা হিসাবে

ABCDEFG
abcdefg

আজকের হিসাবে, এই উপাদানটি ফায়ারফক্স এবং ক্রোমে কাজ করে।

Answer 6

শূন্য-প্রস্থের স্পেস সত্তা স্থানে ব্যবহার করা যেতে পারে <wbr>নির্ভরযোগ্যভাবে প্রতি প্ল্যাটফর্ম কার্যত ট্যাগ।

​

জোড় সত্তা শব্দটিও দরকারী , এটি বিরতি নিষিদ্ধ করতে ব্যবহার করা যেতে পারে। (আপনি যেখানে বিরতি চান তা বাদ দিয়ে শব্দের প্রতিটি চরিত্রের মধ্যে সন্নিবেশ করান।)

⁠

এই দুটি দিয়ে আপনি কিছু করতে পারেন।

Comments

একটি শূন্য প্রস্থের স্থান (জেডডাব্লুএসপি, ইউ + 200 বি, ​) হুবহু যা <wbr>করেছে (iirc; এটি কিছুক্ষণ হয়ে গেছে) তবে আরও ভাল সমর্থিত (সার্বজনীন, আজকাল)। এটি হ'ল আমি যা খুঁজছিলাম, কারণ এটি ভাঙা শব্দের সাথে হাইফেন যুক্ত করে না , যেমন s/,/,\​/gপ্রতিস্থাপনের সময় চালানোর সময় কমা-বিচ্ছিন্ন মানগুলিকে মোড়ানোর অনুমতি দেয় ।

— অ্যাডাম কাটজ

Answer 7

এটি একটি ক্রসব্রোজার সমাধান যা আমি কিছুক্ষণ আগে দেখছিলাম যা ক্লায়েন্টের উপর চলে এবং jQuery ব্যবহার করে:

(function($) { 
  $.fn.breakWords = function() { 
    this.each(function() { 
      if(this.nodeType !== 1) { return; } 

      if(this.currentStyle && typeof this.currentStyle.wordBreak === 'string') { 
        //Lazy Function Definition Pattern, Peter's Blog 
        //From http://peter.michaux.ca/article/3556 
        this.runtimeStyle.wordBreak = 'break-all'; 
      } 
      else if(document.createTreeWalker) { 

        //Faster Trim in Javascript, Flagrant Badassery 
        //http://blog.stevenlevithan.com/archives/faster-trim-javascript 

        var trim = function(str) { 
          str = str.replace(/^\s\s*/, ''); 
          var ws = /\s/, 
          i = str.length; 
          while (ws.test(str.charAt(--i))); 
          return str.slice(0, i + 1); 
        }; 

        //Lazy Function Definition Pattern, Peter's Blog 
        //From http://peter.michaux.ca/article/3556 

        //For Opera, Safari, and Firefox 
        var dWalker = document.createTreeWalker(this, NodeFilter.SHOW_TEXT, null, false); 
        var node,s,c = String.fromCharCode('8203'); 
        while (dWalker.nextNode()) { 
          node = dWalker.currentNode; 
          //we need to trim String otherwise Firefox will display 
          //incorect text-indent with space characters 
          s = trim( node.nodeValue ).split('').join(c); 
          node.nodeValue = s; 
        } 
      } 
    }); 

    return this; 
  }; 
})(jQuery); 

Answer 8

আমি ব্যবহারের পরামর্শ দিচ্ছি wbr, যাতে কোডটি এইভাবে লেখা যায়:

<p>这里有一段很长，很长的<wbr
></wbr>文字；这里有一段</p>

এটি চরিত্রগুলির মধ্যে স্থানকে নেতৃত্ব দিবে না, ­লাইন ব্রেক দ্বারা নির্মিত স্থানগুলি থামবে না।

Answer 9

সমস্যাটি সমাধান করতে আমি কয়েকটি ডেস্কটপ এবং মোবাইল ব্রাউজারগুলিতে সফলভাবে নরম হাইফেন ইউনিকোড অক্ষর ব্যবহার করেছি ।

ইউনিকোড প্রতীকটি \u00ADপাইথন ইউনিকোড স্ট্রিংয়ের মতো sertোকানো বেশ সহজ s = u'Языки и методы програм\u00ADми\u00ADро\u00ADва\u00ADния'।

অন্যান্য সমাধান হ'ল ইউনিকোড চরটি নিজেই sertোকানো এবং উত্সের স্ট্রিংটি সম্পাদকদের মতো সাবালাইম টেক্সট, কেট, জেনি ইত্যাদি ইত্যাদিতে একেবারে সাধারণ দেখাবে (কার্সারটি যদিও অদৃশ্য প্রতীকটি অনুভব করবে)।

গৃহ-সরঞ্জামের হেক্স সম্পাদকরা সহজেই এই কাজটি স্বয়ংক্রিয় করতে পারেন can

একটি সহজ ক্লডজ হ'ল বিরল এবং দৃশ্যমান চরিত্রের ¦ব্যবহার, যেমন অনুলিপি করা এবং পেস্ট করা সহজ, এবং নরম হাইফেন ব্যবহার করে এটি প্রতিস্থাপন করা, যেমন ফ্রন্টএন্ড স্ক্রিপ্ট ইন $(document).ready(...)। উত্স কোডের মতো s = u'Языки и методы про¦гра¦м¦ми¦ро¦ва¦ния'.replace('¦', u'\u00AD')পড়ার চেয়ে সহজ s = u'Языки и методы про\u00ADг\u00ADра\u00ADм\u00ADми\u00ADро\u00ADва\u00ADния'।

Answer 10

কখনও কখনও ওয়েব ব্রাউজারগুলি যদি আপনি সত্তার ­পরিবর্তে ইউনিকোড স্ট্রিং ব্যবহার করেন তবে এটি আরও ক্ষমাযোগ্য বলে মনে হয় ­।

Answer 11

আপনার যদি ভাগ্য খারাপ থাকে এবং এখনও জেএসএফ 1 ব্যবহার করতে হয়, তবে একমাত্র সমাধানটি ব্যবহার করা & # 173 ;, & লজ্জাজনক; কাজ করে না.

Answer 12

<wbr> এবং & লাজুক;

আজ আপনি উভয় ব্যবহার করতে পারেন।

<wbr> ভাঙতে ব্যবহার করুন এবং আরও তথ্য রাখবেন না।

উদাহরণ, লিঙ্কগুলি দেখানোর জন্য ব্যবহার করুন:

 https://stackoverflow.com/questions/226464/soft-hyphen-in-html-wbr-vs-shy

&লাজুক; যখন প্রয়োজন হবে, এই সময়ে পাঠ্যটি ভেঙে একটি হাইফেন যুক্ত হবে।

উদাহরণ:

"É আমি & লজ্জা; পোজ & লজ্জা; sí & লাজুক; ভেল পা & লজ্জা; রা উম হো & লাজুক; মেম আ & লাজুক; প্রেন & লাজুক; ডের এ & লাজুক; কিউ ও লাজুক; লো ক্লে এলে আছা কুই জা স & লাজুক; হতে হবে।"

div{
  max-width: 130px;
  border-width: 2px;
  border-style: dashed;
  border-color: #f00;
  padding: 10px;
}

<div>https://<wbr>stackoverflow.com<wbr>/questions/226464<wbr>/soft-hyphen-in-<wbr>html-wbr-vs-shy</div>

<div>É im&shy;pos&shy;sí&shy;vel pa&shy;ra um ho&shy;mem a&shy;pren&shy;der a&shy;qui&shy;lo que ele acha que já sa&shy;be.</div>