نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی. پرتال اطلاعاتی
  • خانه
  • اهن
  • گزینه های اساسی برای حل مشکل word wrap در CSS. چگونه کلماتی را که در یک بلوک جا نمی‌شوند در css بپیچیم

گزینه های اساسی برای حل مشکل word wrap در CSS. چگونه کلماتی را که در یک بلوک جا نمی‌شوند در css بپیچیم

اغلب لازم است که متن را در یک خط جدید در داخل یک سلول اکسل قرار دهید. یعنی متن را خط به خط در داخل یک سلول حرکت دهید، همانطور که در تصویر نشان داده شده است. اگر پس از وارد کردن قسمت اول متن، به سادگی کلید ENTER را فشار دهید، مکان نما به خط بعدی اما در سلول دیگری منتقل می شود و باید در همان خانه حرکت کنیم.

این یک کار بسیار رایج است و بسیار ساده حل می شود - برای قرار دادن متن در یک خط جدید در داخل یک سلول اکسل، باید فشار دهید ALT+ENTER(کلید ALT را نگه دارید، سپس بدون رها کردن آن، کلید ENTER را فشار دهید)

نحوه انتقال متن به یک خط جدید در اکسل با استفاده از فرمول

گاهی اوقات لازم است نه یک بار، بلکه با استفاده از توابع در اکسل، یک خط شکسته انجام دهید. مانند این مثال در تصویر. نام، نام خانوادگی و نام خانوادگی را وارد می کنیم و به طور خودکار در سلول A6 جمع آوری می شود

در پنجره باز شده در تب "Alignment" باید مطابق تصویر تیک کنار "Wrap by words" را علامت بزنید، در غیر این صورت با استفاده از فرمول ها، خطوط در اکسل به درستی نمایش داده نمی شود.

نحوه جایگزینی خط فاصله با یک کاراکتر دیگر در اکسل و بالعکس با استفاده از فرمول

می توان کاراکتر خط فاصله را به هر کاراکتر دیگری تغییر دهید، مانند یک فاصله، با استفاده از تابع متن SUBSTITUTE در اکسل

به مثال تصویر بالا توجه کنید. بنابراین، در سلول B1 تابع SUBSTITUTE را می نویسیم:

SUBSTITUTE(A1، CHAR(10)، " ")

A1 متن شکست خط ما است.
CHAR (10) یک خط شکسته است (ما در این مقاله کمی بالاتر در مورد آن بحث کردیم).
" " یک فاصله است، زیرا ما در حال تغییر خط شکستن به یک فاصله هستیم

اگر باید عملیات معکوس را انجام دهید - فاصله را به خط تیره (کاراکتر) تغییر دهید، عملکرد به این صورت خواهد بود:

SUBSTITUTE(A1، " "، CHAR(10))

یادآوری می‌کنم که برای اینکه خط بسته‌بندی به درستی منعکس شود، لازم است در قسمت «Alignment» در ویژگی‌های سلول‌ها «Wrap seranserî خطوط» را مشخص کنید.

نحوه تغییر خط فاصله به فاصله و برگشت در اکسل با استفاده از SEARCH - REPLACE

مواقعی وجود دارد که استفاده از فرمول ها ناخوشایند است و باید به سرعت جایگزین کنید. برای این کار از Find and Replace استفاده می کنیم. متن ما را انتخاب کرده و CTRL + H را فشار دهید، پنجره زیر ظاهر می شود.

اگر ما نیاز به تغییر خط فاصله به یک فاصله داشته باشیم، در خط "یافتن" باید یک شکست خط وارد کنید، برای این کار در قسمت "یافتن" بایستید، سپس کلید ALT را فشار دهید، بدون رها کردن آن، 010 را روی صفحه کلید تایپ کنید - این کد شکست خط است، در این قسمت قابل مشاهده نخواهد بود..

پس از آن، در قسمت "Replace with"، یک فاصله یا هر کاراکتر دیگری را که باید به آن تغییر دهید وارد کنید و روی "Replace" یا "Replace All" کلیک کنید.

به هر حال، در Word این کار با وضوح بیشتری اجرا می شود.

اگر باید کاراکتر شکست خط را به یک فاصله تغییر دهید، در قسمت "یافتن" باید کد ویژه "Line break" را مشخص کنید که به صورت نشان داده شده است. ^l
در قسمت "Replace with:"، فقط باید یک فاصله ایجاد کنید و روی "Replace" یا "Replace All" کلیک کنید.

شما می توانید نه تنها شکست خط، بلکه سایر کاراکترهای خاص را نیز تغییر دهید، برای دریافت کد مربوط به آنها، باید روی دکمه "بیشتر >>"، "ویژه" کلیک کنید و کد مورد نیاز خود را انتخاب کنید. یادآوری می کنم که این تابع فقط در ورد است، در اکسل این کاراکترها کار نمی کنند.

نحوه تغییر خط شکستن به فاصله یا برعکس در اکسل با استفاده از VBA

یک مثال برای سلول های انتخاب شده در نظر بگیرید. یعنی سلول های مورد نیاز را انتخاب می کنیم و ماکرو را اجرا می کنیم

1. با استفاده از VBA، فاصله ها را به خط تیره در سلول های انتخاب شده تغییر دهید

Sub SpacesOn Hyphenation()
برای هر سلول در انتخاب
cell.Value = Replace(cell.Value, Chr(32) , Chr(10))
بعد
پایان فرعی

2. خط فاصله را با استفاده از VBA در سلول های انتخاب شده تغییر دهید

Sub Carry onSpaces()
برای هر سلول در انتخاب
cell.Value = Replace(cell.Value, Chr(10) , Chr(32))
بعد
پایان فرعی

کد بسیار ساده است Chr (10) یک خط شکسته، Chr (32) یک فاصله است. اگر می خواهید به هر کاراکتر دیگری تغییر دهید، کافی است شماره کد مربوط به کاراکتر مورد نیاز را جایگزین کنید.

کدهای کاراکتر برای اکسل

تصویر زیر نمادهای مختلف و کدهای مربوط به آنها را نشان می دهد، چندین ستون فونت متفاوتی دارند. برای بزرگنمایی تصویر، روی عکس کلیک کنید.

هنگام چیدمان، وب مسترها به طور دوره ای یک سوال دارند: متن چگونه بسته بندی می شود؟ در بیشتر موارد، مرورگر این کار را به تنهایی انجام می دهد. اما گاهی باید این فرآیند را تحت کنترل گرفت، به خصوص در هنگام شکل دادن به کلمات و عبارات طولانی که اگر به اشتباه منتقل شوند، معنای خود را از دست می دهند.

ویژگی word-wrap

در HTML یک تگ مخصوص برای جداسازی خطوط وجود دارد.
. اما استفاده زیاد از آن در بین توسعه دهندگان شکل بدی در نظر گرفته می شود و اغلب نشان دهنده غیرحرفه ای بودن است. به عنوان مدرک، تصور کنید که یک لوگو دارید و می خواهید هر حرف از یک خط جدید شروع شود:

بررسی شکستن کلمات

نتیجه کد دست و پا گیر و زشتی است که هر توسعه دهنده از آن یک شوک فرهنگی خواهد داشت. و اگر بخواهید لوگو به صورت افقی در نسخه دسکتاپ نمایش داده شود، اما اگر عرض صفحه کمتر از 550 پیکسل باشد، چه باید کرد؟ بنابراین، همیشه از شیوه نامه های آبشاری برای سفارشی کردن ظاهر عناصر استفاده کنید. علاوه بر این، با کمک ابزارهای CSS، شکستن خطوط به روشی زیباتر انجام می شود. در عین حال هیچ نشانه گذاری اضافی وجود ندارد که فقط سرعت بارگذاری صفحات را کاهش می دهد.

اولین خاصیتی که برای پردازش متن باید به آن نگاه کرد، word-wrap است. این سه مقدار را می گیرد: نرمال، شکستن همه و حفظ همه. شما فقط باید به یاد داشته باشید که همه چیز را شکست دهید تا کار کنید. Normal پیش فرض است و هیچ فایده ای برای تعیین آن ندارد. Keep-all به معنی جلوگیری از شکست خط در یک سند CSS است. به طور خاص برای شخصیت های چینی، ژاپنی و کره ای طراحی شده است. بنابراین اگر قصد ندارید به هیچ یک از آن زبان ها وبلاگ بنویسید، به این ویژگی نیاز نخواهید داشت. همچنین توسط مرورگر سافاری و تلفن های همراه iOS پشتیبانی نمی شود.

برای اختصاص دادن یک خط جدید برای هر حرف به لوگوی مثال قبلی با استفاده از CSS، باید کد زیر را بنویسید:

P( فونت: پررنگ 30 پیکسل Helvetica، sans-serif؛ عرض: 25 پیکسل؛ word-wrap: break-all؛ )

اندازه و عرض فونت به گونه ای انتخاب شده است که فضای کافی برای تنها یک حرف وجود داشته باشد. Word-wrap با مقدار break-all به مرورگر می گوید که هر بار کلمه را در یک خط جدید بپیچد. این خاصیت را نمی توان غیر قابل تعویض نامید. اما هنگام طراحی بلوک های کوچک با متن، مانند فیلدهای نظر، مفید خواهد بود.

ویژگی فضای سفید

یک اشتباه رایج که توسعه دهندگان وب مبتدی مرتکب می شوند این است که سعی می کنند متن را با فاصله ویرایش کنند یا کلید Enter را فشار می دهند و سپس متعجب می شوند که چرا تلاش های آنها در صفحه نمایش داده نمی شود. مهم نیست که چند بار "Enter" را فشار دهید، مرورگر آن را نادیده می گیرد. اما راهی وجود دارد که می‌توانید متن را آنطور که می‌خواهید نمایش دهید و تمام فاصله‌ها را در نظر بگیرید.

در یک سند CSS، شکسته‌های خط، که با ویژگی فضای سفید اختصاص داده شده‌اند، می‌توانند به گونه‌ای پیکربندی شوند که فاصله‌ها رعایت شود یا کلید Enter را فشار دهید. فضای سفید با مقدار pre-line باعث می شود مرورگر Enter را در متن مشاهده کند.

بررسی شکستن کلمات

اگر در کد CSS خود، pre-line را به pre-wrap تغییر دهید، بسته بندی خط شامل فاصله ها خواهد بود. برعکس، با تنظیم ویژگی فضای سفید روی متن با مقدار nowrap، هر نوع بسته بندی را غیرفعال کنید:

#wrapper p( رنگ: #FFF؛ بالشتک: 10px؛ فونت: پررنگ 16px Helvetica، sans-serif؛ فضای سفید: nowrap؛ )

سرریز متن

یکی دیگر از ابزارهای مفید برای کار با متن، سرریز متن است. علاوه بر بسته بندی خط، ویژگی CSS به محتوا اجازه می دهد زمانی که ظرف پر است، بریده شود. دو مقدار می گیرد:

  • کلیپ - فقط متن را کلیپ می کند.
  • بیضی - بیضی اضافه می کند.
#wrapper p( رنگ: #FFF؛ بالشتک: 10 پیکسل؛ فونت: پررنگ 16 پیکسل Helvetica، sans-serif؛ متن سرریز: بیضی؛/*افزودن بیضی*/ فضای سفید: nowrap؛ /* غیرفعال کردن بسته بندی خط */ سرریز : پنهان؛/*همه چیز را خارج از ظرف پنهان کنید*/ )

برای اینکه ویژگی کار کند، عنصر نیز باید تنظیم شود تا از شکستن خط و سرریز با مقدار hidden جلوگیری کند.

درس 5

در این درس ما:
1. یاد بگیرید که چگونه کد html را برای ما راحت‌تر و خواناتر کنید.
2. بیایید بفهمیم که چگونه یک خط متن را به درستی بسته بندی کنیم.

ساخت کد html کاربرپسند.

اکنون کد ما واضح است و به راحتی قابل خواندن است، زیرا متن کمی دارد و تقریباً هیچ برچسبی ندارد. وقتی صفحه پیچیده‌تری ایجاد می‌کنیم، برچسب‌های زیادی وجود خواهد داشت، بنابراین یافتن صفحه مناسب دشوار خواهد بود.

برای جلوگیری از آشفتگی برچسب ها، ابتدا باید برچسب ها و خطوط را طوری مرتب کنید که درک بصری آنها آسان تر باشد. وقتی مرورگر اطلاعات را از صفحه html می خواند، فرقی نمی کند که چند فاصله و چند خط خالی در کد وجود دارد.

متن کد صفحه را نسبت به کدی که ایجاد کردیم تغییر دادم، اما مهم نیست. شکل چپ و راست یک کد را نشان می دهد. هر دو گزینه توسط مرورگر بر روی صفحه مانیتور دقیقاً به یک شکل نمایش داده می شوند. موافقم، کار با کد نشان داده شده در سمت راست بسیار ساده تر از کد سمت چپ خواهد بود.

کد مورد نظر ما بسیار ساده است، اما حتی در حال حاضر تفاوت در درک بصری محسوس است. هیچ قانون خاصی برای "بازگرداندن نظم" وجود ندارد، هر استاد برای خود تصمیم می گیرد که چگونه کار کردن برای او راحت تر است.

html شکست خط. برچسب <br>.

به نقاشی توجه کنید. در نوع اول متن در یک خط و در نوع دوم در دو خط نوشته شده است.


مرورگر هر دو گزینه را به یک شکل نمایش می دهد. متن در یک خط نوشته می شود:


چه می خواهی؟ در واقع، در یکی از کدها، بخشی از متن به خط دیگری منتقل می شود. منطقی است اگر در مرورگر بخشی از متن به خط دیگری نیز منتقل شود، اما html در این زمینه منطق خاص خود را دارد. اگر یک خط در کد html انجام دهیم، برای مرورگر این مقدار معادل یک فاصله است(مانند یک فاصله معمولی بین کلمات در متن). اگر بخشی از متن را نه یک خط به پایین، بلکه 2 یا 3 (هر عددی) منتقل کنیم، مرورگر همچنان این فاصله را به عنوان یک فاصله معمولی بین کلمات در نظر می گیرد و وقتی روی صفحه نمایش داده می شود، متن در یک خط نوشته می شود. .

برچسب <br>

وقتی در درس سوم با تگ ها آشنا شدیم، اشاره کردم که تگ هایی هستند که نیازی به بستن ندارند. برچسب بزنید <br>یکی از آنها، برای شکستن خط است.
بیایید آن را در کد اعمال کنیم:

تگ کرده ایم <br>به کد html ما وارد می شود و اکنون وقتی فایل از طریق مرورگر راه اندازی می شود، بخشی از متن به خط بعدی منتقل می شود.
* فراموش نکنید که تغییرات را در Notepad (Ctrl + S) ذخیره کنید و صفحه را در مرورگر (F5) رفرش کنید.

نه تنها تحمل افراد، بلکه کلمات نیز دشوار است. به عنوان مثال، یک ترکیب شیمیایی بسیار شبیه به برخی از افراد با " وارونه"! ما نمی‌دانیم چگونه با چنین شخصیت‌های دشواری برخورد کنیم، اما CSS قطعاً به جمع‌بندی کلمات کمک می‌کند:

چرا "غیرقابل تحمل" را تحمل کنید

در بیشتر موارد، زمانی که محتوای متنی در صفحات وب در مرورگر نمایش داده می شود، کلمه wrap اعمال نمی شود. اگر کلمه به طور کامل در ناحیه صفحه نمایش قرار نمی گیرد، به طور پیش فرض کاملاً " حرکت می کند' به خط بعدی.

خط فاصله جزئی فقط در مورد کلمات طولانی و پیچیده ای اعمال می شود که از چند عبارت تشکیل شده و با خط فاصله از هم جدا شده اند. اینجاست که مشکلات نمایش این کلمات در صفحه های مورب مختلف و در مرورگرهای مختلف به وجود می آید. در همان زمان، به طور دقیق پیش بینی کنید که چه مدت کلمه " شبیه بودن به» در سمت مشتری دشوار است، بنابراین مشخص کردن خط فاصله « به صورت دستی" بی مفهوم:

مشکل wrap را با HTML حل کنید

قبل از بررسی قرار دادن کلمات طولانی در CSS، بیایید راه هایی را برای حل این مشکل با استفاده از زبان فرامتن بررسی کنیم.
چندین گزینه برای این در HTML وجود دارد:

  • با استفاده از کاراکتر soft break -- به شما امکان می دهد نقطه شکست یک کلمه مرکب را تنظیم کنید. وقتی اندازه پنجره مرورگر تغییر می‌کند، فقط بخشی از کلمه طولانی بعد از ­ به خط بعدی می‌پیوندد و یک خط فاصله مانند خط فاصله بعد از نیمه اول نمایش داده می‌شود:

نمونه ای از یک ترکیب شیمیایی پیچیده و متن - متیل پروپنیلن دی هیدروکسی سین نامیلاکریلیک اسید

  • با استفاده از تگ - عنصر در HTML 5 معرفی شد. همچنین به مرورگر می‌گوید کجا یک کلمه مرکب یا طولانی را بشکند. اما برخلاف کاراکتر ویژه قبلی، این تگ در مکان نمایش داده نمی شود. عیب» یک خط فاصله که می تواند بر خوانایی کل متن تأثیر منفی بگذارد:

متیل پروپنیلن دی هیدروکسی سینا منیاکریلیک اسید

پشتیبانی را در برخی از مرورگرها تگ کنید نادرست اجرا شده است. اگر خاصیت display با مقدار inline-block در کد CSS برای آن نوشته شود، در آنها کار خواهد کرد.

بسته بندی کلمات با CSS

قبل از غیرفعال کردن wrapping کلمه در CSS، اجازه دهید به چند ویژگی که می‌تواند مشکل اصلی را حل کند نگاهی بیندازیم:

  1. word-wrap - نحوه بسته بندی کلماتی که در ابعاد ظرف مشخص شده قرار نمی گیرند را شرح می دهد. فوراً باید هشدار داد که در تأیید اعتبار این ویژگی مشکلاتی وجود دارد و کنسرسیوم W3C هنوز در مورد اجرای پشتیبانی خود در CSS تصمیم نگرفته است. بنابراین، اعتبار سنجی های تخصصی در صورت وجود word-wrap در کد، یک خطا ایجاد می کنند:

با این حال، این ویژگی توسط همه مرورگرهای مدرن "پذیرفته شده" است و یک راه حل موثر برای مشکل پیچیده کردن کلمات طولانی است. word-wrap مقادیر زیر را می گیرد:

  • عادی - کلمات پیچیده نمی شوند.
  • شکستن کلمه - بسته بندی خودکار کلمه؛
  • ارث بردن - ارزش والد را به ارث می برد.

مثالی که استفاده از این ویژگی را نشان می دهد:

متیل پروپنیلن دی هیدروکسی سین نامیلاکریلیک اسید

در مشخصات جدید CSS، ویژگی word-wrap به overflow-wrap تغییر نام داده است. هر دو ویژگی مقادیر یکسانی دارند. اما پشتیبانی از overflow-wrap هنوز ضعیف اجرا می شود، بنابراین بهتر است از نسخه قدیمی ویژگی استفاده کنید:

همانطور که در تصویر بالا می بینید، ویژگی جدید توسط گوگل کروم پشتیبانی می شود، اما نه توسط IE. بنابراین، overflow-wrap نباید برای قرار دادن کلمات در CSS استفاده شود.

  1. شکستن کلمه - قوانین بسته بندی خطوط را در داخل ظرف در صورتی که از نظر عرض در آن قرار نگیرند تعیین می کند. این یک ویژگی جدید است و پشتیبانی به CSS3 اضافه شده است. معتبر است، اما برای کار با رشته ها در نظر گرفته شده است، بنابراین ممکن است بسته بندی کلمه از نظر گرامری نادرست باشد.

ویژگی سه مقدار می گیرد:

  • عادی - از قوانین انتقال پیش فرض استفاده می شود.
  • کلمه شکستن - بسته بندی خط به طور خودکار انجام می شود به طوری که کلمه در ابعاد ظرف تعیین شده توسط عرض قرار می گیرد.
  • keep-all - خط فاصله خودکار را در چینی، ژاپنی و کره ای غیرفعال می کند. برای زبان های دیگر، اثر مقدار مشابه عادی است.

سینکروفازوترون

حالت نگران

کلاس یازدهم

متوکسی کلرودی اتیلامین متیل بوتیلامین

  1. hyphens یک ویژگی جدید است که با انتشار CSS3 معرفی شد. تنظیم می کند که مرورگر چگونه کلمات را در متن خروجی قرار دهد. ویژگی چندین مقدار می گیرد:
  • none - بسته بندی کلمات را در CSS غیرفعال می کند.
  • کتابچه راهنمای( مقدار پیش فرض) - کلمات در قسمت هایی از بلوک متن که با استفاده از برچسب مشخص شده است پیچیده می شوند یا بسته بندی نرم (-)؛
  • خودکار - مرورگر به طور خودکار کلمات را بر اساس تنظیمات خود بسته بندی می کند.

برای عملکرد صحیح اموال در تگ یا

ویژگی lang باید با مقدار "ru" (lang="ru") وجود داشته باشد.

این ویژگی توسط آخرین نسخه های IE، Opera و Firefox پشتیبانی می شود. هر کدام از آنها خط CSS مخصوص به خود را دارند. Hyphens توسط Google Chrome پشتیبانی نمی شود. مثال:

متیل پروپنیلن دی هیدروکسی سین نامیلاکریلیک اسید

ممنوعیت لفظ بندی

گاهی اوقات باید مطمئن شوید که خط کاملاً بدون وقفه نمایش داده می شود. ممنوعیت قرار دادن کلمات در css به چند روش قابل اجرا است:

  • با یک فضای بدون شکست  ، که در شکست خط یا شکست کلمه تنظیم شده است.
  • با تنظیم ملک فضای سفیدبه معنی " در حال حاضر» ( فضای سفید: nowrap ).

مثال پیاده سازی:

متیل پروپنیلن دی هیدروکسی سین نامیلاکریلیک اسید بار

متیل پروپنیلن دی هیدروکسی سین نامیلاکریلیک دو

متیل پروپنیلن دی هیدروکسی سین نامیلاکریلیک اسید سه

متیل پروپنیلن دی هیدروکسی سین نامیلاکریلیک اسید چهار

اکنون می توانید حتی طولانی ترین کلمات را با CSS بپیچید. اما شما باید به تنهایی با مشکل افراد غیرقابل تحمل کنار بیایید. سعی کنید با متدهای CSS روی آنها تاثیر بگذارید

ولاد مرژویچ

بر خلاف متن در چاپ، خط فاصله به ندرت در یک صفحه وب استفاده می شود، زیرا ما به شکل محکمی به قالب کاغذ گره نمی خوریم. سایت ها را می توان بر روی مانیتورهای مختلف، با وضوح های مختلف، در سیستم عامل ها و مرورگرهای مختلف مشاهده کرد. همه اینها چنان ترکیبی از ترکیب ها را ایجاد می کند که نمی توان پیش بینی کرد که متن نهایی برای کاربر چگونه به نظر می رسد. به همین دلیل، معمولاً متن تراز چپ است و خط فاصله در کل کلمات رخ می دهد. اما با این حال، بسته بندی کلمات در برخی موارد ضروری است، برای مثال، زمانی که از اصطلاحات شیمیایی یا پزشکی طولانی استفاده می شود، در ستون های باریک با عرض معین، به خاطر زیبایی شناسی. در HTML و CSS، راه های دستی یا خودکار زیادی برای افزودن خط فاصله وجود ندارد، بنابراین من همه آنها را فهرست می کنم.

استفاده از برچسب

برچسب بزنید در HTML5 معرفی شده است و در صورت نیاز، wrap ایجاد می کند. در مکان هایی که طبق قوانین زبان روسی، خط فاصله قابل قبول است، ما درج می کنیم (مثال 1). اگر کل کلمه در عرض اختصاص داده شده قرار گیرد، این تگ به هیچ وجه خود را نشان نمی دهد و حتی از وجود آن اطلاعی نخواهیم داشت. اگر کلمه مناسب نیست، مرورگر در محل تگ انتقال ایجاد می کند.

مثال 1. برچسب

نقل و انتقالات

یکی سوپرکلاس دختر آنژلیکا پس از فارغ التحصیلی از مدرسه، حرفه تجارت را انتخاب کرد تولید راننده موضوعات.

نتیجه این مثال در شکل نشان داده شده است. یکی

برنج. 1. متن با بسته بندی کلمه

انتقال نرم

کاربرد یک اشکال جدی دارد - درک اینکه آیا انتقال در مقابل ما است یا یک کلمه در خط دیگر غیرممکن است. به همین دلیل، معنای جمله ممکن است گم شود و به اشتباه درک شود. انتقال باید طبق قوانین تایپوگرافی انجام شود، یعنی: یک خط فاصله در انتهای خط اضافه کنید. خط خطی نرم با این کار بسیار خوبی انجام می دهد، در کد HTML یک کاراکتر خاص برای آن وجود دارد - . همان نقش تگ را ایفا می کند - در متن معمولی قابل مشاهده نیست و کلمه را در یک خط دیگر قرار می دهد، در حالی که خط فاصله اضافه می کند (مثال 2).

مثال 2: انتقال نرم

نقل و انتقالات

آنژلیکا، دانش آموز کلاس یازدهم، پس از فارغ التحصیلی از مدرسه، حرفه تجارت-تولید کننده را انتخاب کرد.

نتیجه این مثال در شکل نشان داده شده است. 2. توجه کنید که متن در مقایسه با شکل چقدر زیباتر و قابل فهم تر به نظر می رسد. یکی

برنج. 2. متن با بسته بندی کلمه

خاصیت شکستن کلمه

برای خودکار کردن فرآیند ایجاد خط تیره، از ویژگی شکستن کلمه با مقدار break-all استفاده کنید (مثال 3). دیگر لازم نیست هیچ نماد یا برچسبی به HTML اضافه کنید، سبک ها از همه چیز مراقبت می کنند.

مثال 3: استفاده از واژه شکستن

نقل و انتقالات

گلپر دانش آموز کلاس یازدهم پس از فارغ التحصیلی از مدرسه، شغل منشی را انتخاب کرد.

نتیجه این مثال در شکل نشان داده شده است. 3. قوانین خط خطی متن در این مورد در نظر گرفته نمی شود، بنابراین کلمات را می توان به روشی بسیار عجیب خط خطی کرد.

برنج. 3. متن با بسته بندی کلمه

از بین تمام روش های ذکر شده، استفاده از "نیمه دستی" - بهترین نتیجه را به دست می دهد - قوانین زبان روسی رعایت می شود، متن از نظر زیبایی شناختی دلپذیرتر به نظر می رسد. زمانی که کلمات طولانی در متن وجود دارد از آن استفاده کنید.

خاصیت خط تیره

و در نهایت، قدرتمندترین و راحت ترین ویژگی برای افزودن خودکار خط فاصله، خط فاصله است. عملکرد آن بر اساس فرهنگ لغت خط خطی داخلی در مرورگر است، بنابراین بهترین نتیجه را می دهد. پشتیبانی در IE10، فایرفاکس، اندروید و iOS. کروم و اپرا پشتیبانی نمی کنند. برای این کار، برای برچسب ویژگی lang را با مقدار ru اضافه کنید (مثال 4).

مثال 4 استفاده از خط تیره

نقل و انتقالات

گلپر دانش آموز کلاس یازدهم پس از فارغ التحصیلی از مدرسه، شغل منشی را انتخاب کرد.

نتیجه این مثال در شکل نشان داده شده است. چهار

برنج. 4. متن با بسته بندی کلمه

ممنوعیت انتقال

اغلب اوقات، مشکل معکوس نیز ایجاد می شود - ممنوعیت خط فاصله در مکان هایی که طبق قوانین زبان غیرقابل قبول هستند. برای مثال، نمی‌توانید واحدهای اندازه‌گیری را از یک عدد (10 میلی‌لیتر)، نامگذاری سال (54 قبل از میلاد)، حروف اول از نام خانوادگی، شکستن اختصارات پایدار (و غیره) جدا کنید تا از افزودن خط فاصله در مرورگر جلوگیری شود. ، باید با یک فضای بدون شکست جایگزین شود (مثال 5).

مثال 5 استفاده

نقل و انتقالات

دریاچه در مختصات 70 درجه و 58 دقیقه و 19 اینچ شمالی. ش 97 درجه و 24 دقیقه 5 اینچ شرقی این دهکده در ناحیه تایمیرسکی دولگانو-ننتسکی در قلمرو کراسنویارسک روسیه واقع شده است.

در این مثال برای درست نوشتن مختصات از آن استفاده شده است که اجازه بسته بندی متن را نمی دهد.

برترین مقالات مرتبط