تگ برای شکستن به یک خط جدید. چگونه با استفاده از ویژگی های CSS شکسته های خط اضافه کنیم
05.11.2019
اخبار
اغلب نیاز به اضافه کردن یک پاراگراف جدید وجود دارد، اما بدون خط خالی که تگ پاراگراف درج می کند.
برای برخی از قطعات متن، فاصله پاراگراف استاندارد به سادگی نامناسب است. اینها می توانند کتیبه های زیر تصاویر و در جداول، اشعار، نقل قول ها، پاورقی ها و یادداشت ها باشند.
برای اجبار شکستن خط، یک برچسب ویژه ارائه شده است که عملکرد آن در نام آن br (ردیف شکستن - "شکستن یک ردیف، خط") وجود دارد. برچسب بزنید
زبان نشانه گذاری فرامتن (HTML) به این معنی است که تمام محتوای زیر باید از یک خط جدید شروع شود. در صورت لزوم، می توانید چندین تگ را پشت سر هم اضافه کنید تا فاصله مورد نیاز را به دست آورید.
برچسب بزنید
به حروف کوچک و بزرگ حساس نیست و نیازی به تگ بسته شدن ندارد زیرا یک عنصر خالی است، اما بهتر است به بستن همه تگ ها عادت کنید. در XHTML، تگ break باید با یک بک اسلش بسته شود.
مثالی از استفاده از تگ break
تگ br در عمل< /title></p><p><р>غیبت از کار</р></p><p><p>هیچ جای دیگر و هرگز <br></p><p>من آنقدر بد نبودم <br></p><p>رئیس ها گروهی حریص هستند <br></p><p>منو زنده می جویدن</р></p><p>غیبت از کار</p><p>هیچ جای دیگر و هرگز <br>من آنقدر بد نبودم <br>رئیس ها گروهی حریص هستند <br>زنده به من اخم کردن</p><h2>ویژگی برچسب <br></h2><p>تنها ویژگی که یک تگ html دارد <br>به مرورگر می‌گوید که اگر متن باید در اطراف یک عنصر به اصطلاح شناور قرار گیرد، که می‌تواند برای مثال، یک تصویر با ویژگی align با استفاده از مقادیر راست/چپ، یا یک بلوک در CSS باشد، با line wrap چه کاری انجام دهد. که دارای خاصیت شناور است.</p><p>در مشخصات XHTML 1.0 / HTML 4.01، ویژگی clear فقط با Transitional، Frameset و<!DOCTYPE>، در غیر این صورت کد کار نمی کند.</p><h2>ویژگی های ویژگی را تگ کنید</h2><p>تأثیر صفت clear به مقدار آن و محل قرارگیری عنصر شناور بستگی دارد. ویژگی می تواند 4 مقدار داشته باشد:</p><p><br clear = "right | left | all | none"></p><p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/21147/458111.jpg' width="100%" loading=lazy loading=lazy></p><p>مقدار سمت چپ مانع از بسته بندی عنصر تراز چپ می شود، بنابراین متن روی برچسب می چرخد <br>، در زیر تصویر یا عنصر شناور دیگر قرار خواهد گرفت.</p><p>دقیقاً همان نتیجه را از استفاده از آرگومان all به دست می‌آورد که هرگز به راست یا چپ اجازه نمی‌دهد.</p><p>مقدار مناسب مانع از پیچیده شدن متن در اطراف عنصر تراز راست می شود، بنابراین بعد از تگ <br>متن چاره ای نخواهد داشت جز اینکه تصویر را دور بزند و در اطراف آن به سمت راست جریان یابد.</p><p>مقدار none ("نه شما و نه ما") به طور کلی تمام قدرت ها را از ویژگی واضح و تگ حذف می کند. <br>بی صدا خط را به پایین حرکت می دهد.</p><p>ویژگی clear تگ به عنوان یک مقدار پیش فرض ندارد.</p><h2>برچسب بزنید <br>- این یک انتقال نرم است</h2><p>برچسب شکست خط برای ایجاد فاصله لازم بین پاراگراف ها بسیار مفید است، که در آن به عنوان یک شکست نرم استفاده می شود، اما نه به عنوان وسیله ای برای تقسیم متن به پاراگراف ها.</p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/21147/458084.jpg' width="100%" loading=lazy loading=lazy></p><p>برای قالب‌بندی متن نباید زیاد از تگ خط جدید غافل شوید، زیرا نتایج استفاده از آن همیشه زیبا نیست.</p><p>به عنوان مثال، اگر از تگ استفاده می کنید <br>برای شکستن خطوط داخل یک پاراگراف، اگر کوچکتر از پنجره ای باشد که مدیر وب سایت هدف قرار داده است، یک "شانه" در پنجره کاربر ظاهر می شود.</p>
<p>تغذیه خط، شکست خط، شکست خط - همه چیز در مورد یک چیز است. در HTML اغلب از خطوط جدید استفاده می شود. چندین راه وجود دارد: از یک برچسب استفاده کنید <br>برای شکستن یک خط جدید، یا می توانید از ویژگی های CSS برای شکستن یک خط استفاده کنید. بیایید به مثالی از استفاده از برچسب شکست خط نگاه کنیم:</p>
<p>در CSS، شکستن خطوط را می توان به روش های مختلفی انجام داد، به عنوان مثال:</p>
<p>برادر ( <br>شناور به سمت چپ؛ <br>عرض: 100%؛ <br>حاشیه: 0 0 20px 0; /* تورفتگی بعد از خط 20 پیکسل */ <br>}</p>
<h2>خط تقسیم با استفاده از HTML یا CSS</h2>
<p>در HTML ایجاد یک خط تقسیم بسیار ساده است. یک تگ جفت نشده نیز استفاده می شود <hr>- این خط تقسیم است. خط تقسیم از یک خط جدید شروع می شود و بعد از آن فرورفته می شود. شما می توانید سبک خط افقی را کنترل کنید و همچنین می توانید جایگزینی برای آن ایجاد کنید. در زیر نمونه ای از یک خط تقسیم با استفاده از یک برچسب آورده شده است:</p>
<p>حالا بیایید خط تقسیم خود را سبک کنیم (استایل ها را تغییر دهیم، ظاهر را تغییر دهیم):</p>
<p>ساعت ( <br>عرض: 80%; /* عرض خط */ <br>ارتفاع: 4px; /* ارتفاع / ضخامت خط */ <br>پس زمینه: #333; /* پس زمینه / رنگ خط */ <br>حاشیه: 0; /* قاب دور خط تقسیم (آن را حذف کنید) */ <br>حاشیه: 5px 0 5px 0; /* بالشتک بالا و زیر خط 5 پیکسل */ <br>}</p>
<p>و بیایید با استفاده از تگ جایگزینی برای خط تقسیم خود ایجاد کنیم <div>و CSS.</p>
<p>اگه درست متوجه شدم پس <div>و <br>انواع مختلفی دارند. <div>- ظرف نوع بلوک، و <br>بیشتر شبیه حروف کوچک است، درست است؟ با اينكه <br>اصلا شبیه ظرف نیست و این منو گیج می کنه. سوال این است: اگر یک پاراگراف با استفاده از یک برچسب تعریف و قالب بندی شود <div>، مثلا:</p>
<p><div class="justify">متن، متن، متن زیاد...</div></p>
<p>و بعد از پاراگراف می خواستم یک خط خالی اضافه کنم، کجا باید آن را وارد کنم؟ <br>: درج ظرف <div>:</p>
<p><div class="justify">متن، متن، متن زیاد... <br></div></p>
<p>یا بعد از دستگیره بسته شدن</div>:</p>
<p><div class="justify">متن، متن، متن زیاد...</div><br></p>
<p>نتیجه در مرورگر من به نظر یکسان است، اما چگونه درست است؟ <br>البته به ذهنم رسید که بدون خودنمایی می توانم پاراگراف را با استفاده از تگ قالب بندی کنم <p>نتیجه دقیقاً همان چیزی خواهد بود که من می خواهم ، اما من همچنان علاقه مند هستم بدانم که طبق قوانین باید این "آبجو" لعنتی را در کجا قرار داد و آیا می توان در مورد آن گفت که یک ظرف از نوع درون خطی است یا خیر. و بنابراین باید در داخل نوع بلوک کانتینری قرار گیرد، یعنی <div>?</p>
<p>به استاندارد منتقل شد.</p>
<p>به نظر من مهم نیست...</p>
<p>اگر داخل <div>، سپس خوراک خط به آن اشاره می کند. <br>اگر بعد از آن، به معنای شکستن خط بعد از آن است <div>آ...</p>
<p>اما من آن را بعد از آن قرار می دهم. اگر بعد از جمله نوشته شده یک جمله دیگر در یک خط جدید وجود داشته باشد، منطقی است که آن را داخل آن قرار دهیم...</p>
<p>بیایید منابع را بررسی کنیم و نگاه کنیم: <br>http://html.manual.ru/book/html/body/textblocks/br.php و <br>http://www.w3.org/TR/html4/struct/text.html#edef-BR</p>
<p>- نه ظرف این عنصری است که ترجمه یک رشته متن را فراهم می کند و به طور کلی، جایگزین خط «بومی» در متن می شود (در نهایت، همانطور که می دانید فقط یک فید خط توسط مرورگرها نادیده گرفته می شود و با یک فاصله جایگزین می شود) . از همین رو <br>برای مرورگر مانند یک نماد معمولی است، و هیچ چیز دیگری، به جز اینکه به دلیل مشخصه واضح، برخی از قابلیت های اضافی به آن داده می شود.</p>
<p>با توجه به آنچه گفته شد، فکر می کنم واضح است که طرح: <br>
<div><br>او یاکیتوری روی سیخ و دو کارتن مومی بلند آبجو خرید. <br>با نگاهی به هولوگرام ها متوجه شد که قفسه سینه یکی از چهره ها از قبل پر از خون شده است. سس قهوه ای غلیظی از تف می چکید و از انگشتان کیس می چکید.</div><br>کاملا درست و بسیار قابل اجرا</p>
<p>توجه: نباید استفاده شود <div>برای قالب بندی برای قالب بندی و طراحی متن توصیه می شود از آن استفاده کنید <p>. <div>- یک بلوک ساختاری که معمولاً برای ایجاد عناصر صفحه مستقل از یکدیگر طراحی شده است که گاهی اوقات "لایه" نامیده می شود. همچنین ساختار منطقی واضح تری را ارائه می دهد (یا حداقل برای انجام این کار در نظر گرفته شده است). <br>http://www.w3.org/TR/html4/struct/global.html#edef-DIV</p>
<p>الکسی کاملاً درست می گوید، اما اجازه دهید کمی تئوری بیشتر اضافه کنم. البته تئوری همیشه همگام با عمل نیست، اما آیا شما به جنبه نظری موضوع علاقه دارید؟ بنابراین، عنصر از نوع درون خطی است <BR>- این فقط یک نشانه برای مرورگر است: "خط را در اینجا بشکنید یا پایان دهید." بیشتر نه. با استفاده از طرح <BR></DIV>یا</DIV><BR>شما سعی می کنید این برچسب را برای هدفی کاملاً متفاوت اعمال کنید، برای هدفی که برای آن در نظر گرفته نشده است. یعنی شما سعی می کنید استفاده کنید <BR>برای ایجاد یک رشته خالی، یا حتی نه، یک رشته خالی، اما <b>افزایش فاصله بین خطوط</b>. این افکت اما یک عارضه جانبی است و بنابراین تکیه بر آن سبک چیدمان بدی است. بدین ترتیب، <b>هر دو طرح</b>اساسا اشتباه هستند! در تئوری، مرورگر باید تگ را نادیده بگیرد <BR>در هر دو موقعیت: در اولین - به دلیل تگ بسته شدن</DIV>خودش خط را می شکند و به پایان می رساند (چند بار می توانید همان خط را بشکنید یا پایان دهید؟)، در دوم - زیرا بعد از</DIV>رشته اصلا تعریف نشده است. اما، همانطور که می بینید، مرورگرها اغلب از الزامات استانداردها منحرف می شوند ... اگر می خواهید به شدت از استانداردها پیروی کنید، با استفاده از برچسب ها پاراگراف ایجاد کنید. <P>و فاصله خطوط را با استفاده از CSS تنظیم کنید. اما البته عملاً عمل به این توصیه دشوار و گاه غیرممکن است. اما این موضوع دیگری است.</p>
<p>مامان... چی شده؟؟؟ خدایا این همه خط خالی از کجا میاد؟؟؟ :)) <br>دوباره امتحان میکنم... Notepad در حال اجراست، ببخشید...</p>
<p>ضمنا مرورگر من همچنان از این ترکیب پشتیبانی می کند... <br></div>واکنشی نشان نمی دهد ... (احتمالاً او به استانداردها می رسد :)))</p>
<p>اما هنوز، چگونه می توان به چنین طراحی دست یافت:</p>
<p><br><br>قبل از اینکه کیس بتواند غرفه غذا را پیدا کند، مجبور شد یک دایره تقریباً کامل در اطراف ساختمان ایجاد کند. <br><br></p>
<p>اگر پاراگراف میانی با استفاده از یک ظرف قالب بندی شده باشد <p>سپس یک خط خالی در جلوی آن وجود خواهد داشت که من به آن نیازی ندارم. برای مرورگر من طرح <div>...</div><br>کار می کند، اما اشتباه است: (تمام چیزی که می خواهم این است که پاراگراف میانی را با برچسب ها احاطه کنم <div>و</div>و سپس یک خط خالی وارد کنید. کمی عجیب است که بعد از</div>رشته اصلا تعریف نشده است:(زمان</div>یک خط را می شکند و به پایان می رساند، پس تصمیم گیری بسیار منطقی است: یک خط تمام می شود، خط دیگری شروع می شود. و بلافاصله آن را بشکنید <br>. (البته این یک شکایت از شما کارشناسان عزیز نیست که شبانه روز به سوالات دیوانه وار ما پاسخ می دهید :)، بلکه از HTML و همه مرورگرهای دیگر... من در واقع در طول عمر کوتاهم در میان HTML می توانستم تفاوت ها را درک نمی کنند <p>و <div>و معتقد بود که دقیقاً همین خطوط خالی اضافی است، یعنی اضافه کردن آنها. ولی تو منو متقاعد کردی که اینطور نیست :) <br>بنابراین، آیا به این معنی است که پاراگراف میانی را احاطه کنید، و سپس به دلیل فاصله بین خطوط، خط خالی اضافی را که جلوی آن ظاهر می شود حذف کنید؟ اما چگونه؟ آیا می توانید با استفاده از یک مثال دقیق تر بگویید؟</p>
<p>من هنوز نفهمیدم این پاراگراف "وسط" کجاست... <br>من نمی فهمم چرا درج کردن آن دشوار است <br>در جای مناسب؟ بین همان یا <div></div>...</p>
<p><!--// блок //--><br>
<div>کیس خیلی خیلی گرسنه بود. <br><br>در این حالت، به نظر می رسید که او می تواند یک فیل را ببلعد.</div><br>
<div style="text-indent: 30px">قبل از اینکه کیس بتواند غرفه غذا را پیدا کند، مجبور شد یک دایره تقریباً کامل در اطراف ساختمان ایجاد کند. <br><br>او یاکیتوری روی سیخ و دو کارتن مومی بلند آبجو خرید. <br><br>با نگاهی به هولوگرام ها متوجه شد که قفسه سینه یکی از چهره ها از قبل پر از خون شده است. سس قهوه ای غلیظی از تف می چکید و از انگشتان کیس می چکید.</div></p>
<p><p style="text-indent: 30px">اما این منظره او را بی تفاوت گذاشت. <br><br>او آخرین لقمه را خورد و با خوشحالی یاکیتوری ها را با آبجو شست.»</p><br>
<!--// //--></p>
<p>پراگراف اول: <br>کیس خیلی خیلی گرسنه بود. <br>در این حالت، به نظر می رسید که او می تواند یک فیل را ببلعد.</p>
<p>پاراگراف دوم، همچنین پاراگراف میانی: <br>قبل از اینکه کیس بتواند غرفه غذا را پیدا کند، مجبور شد یک دایره تقریباً کامل در اطراف ساختمان ایجاد کند. <br>او یاکیتوری روی سیخ و دو کارتن مومی بلند آبجو خرید. <br>با نگاهی به هولوگرام ها متوجه شد که قفسه سینه یکی از چهره ها از قبل پر از خون شده است. سس قهوه ای غلیظی از تف می چکید و از انگشتان کیس می چکید.</p>
<p>سوم: <br>اما این منظره او را بی تفاوت گذاشت. <br>او آخرین لقمه را خورد و با خوشحالی یاکیتوری ها را با آبجو شست.</p>
<p>دیمیتری، به دلیل اینکه پاراگراف سوم در ظرف است، خط خالی من را در اختیار من قرار می دهید <p>شما نتیجه می گیرید، اما اگر راحت نباشد چه؟ اگر پاراگراف های زیادی در متن وجود دارد و این خط خالی لعنتی باید فقط یک بار در مکان مشخص شده ظاهر شود؟ (یعنی اگر پاراگراف سوم به این صورت طراحی شود، پس از پایان آن یک شکست و یک خط خالی وجود دارد، اما من به آن نیازی ندارم) علاوه بر این، شهروندان می نویسند که به طور کلی بهتر است <div>برای قالب بندی استفاده نکنید، اما شما از...</p>
<p>از نقطه نظر تئوری (و در این بخش ما در مورد تئوری صحبت می کنیم و فقط تا آنجا که در مورد عمل صحبت می کنیم)، بنابراین، از نظر تئوری، هیچ خط خالی در HTML وجود ندارد. اصلا! یک رشته ترکیبی از کاراکترهای مرتب شده به صورت خطی است. هیچ شخصیتی وجود ندارد - و نمی تواند یک خط وجود داشته باشد. به همین دلیل بحث</p>
<p>> کمی عجیب است که بعد از</div>اصلا خط نداره <br>> تعریف شده: (بار</div>خط را می شکند و به پایان می رساند، <br>> پس تصمیم گیری بسیار منطقی است: یک خط به پایان رسیده است، <br>> یکی دیگر آغاز شد. و بلافاصله آن را بشکنید <br>.</p>
<p>غیر قابل قبول: شما نمی توانید یک "خط خالی" را که وجود ندارد بشکنید، نمی توانید چیزی را که وجود ندارد بشکنید. برای اینکه یک رشته به وجود بیاید، باید حداقل مقداری کاراکتر در آن وارد کنید. اگر آن را وارد کنید، احساس "خط خالی" وجود خواهد داشت و همه چیز قانونی (هرچند غیرمنطقی) خواهد بود. آلینا، <b>در تئوری</b>شما نیازی به یک خط خالی ندارید - به افزایش فاصله بین خطوط (پیشرو) نیاز دارید. برچسب بزنید <P>در اکثر مرورگرها، به طور پیش‌فرض، نسبت به مرورگر پایه، دو لید ایجاد می‌کند. اگر می خواهید به شدت به نظریه و اصول نشانه گذاری منطقی پایبند باشید، پاراگراف ها باید با استفاده از برچسب ایجاد شوند. <P>با سبک‌های مناسب (حاشیه بالا برای تورفتگی بالا، ارتفاع خط برای ارتفاع خطوط در یک پاراگراف).</p>
<p>اما این یک نظریه است. بیشتر تمرین‌کنندگان استفاده می‌کنند <b>واقعی</b>رفتار مرورگرها، بدون پرداختن به ظرافت های نظری. یعنی با استفاده از ترکیب دو لید تعیین می کنند <BR><BR>(اگرچه طبق قانون دومی <BR>باید نادیده گرفته شود)، مداخله کند <P>و <DIV>و از هر راه دیگری که به دست می آورند <b>جلوههای بصری</b>، با تکیه بر تفسیری اساساً اشتباه از زبان توسط مرورگرها <b>منطقی</b>نشانه گذاری HTML و اغلب این قابل توجیه است - صرفاً به این دلیل که زبان نشانه گذاری بصری CSS در مرورگرهایی حتی بدتر از HTML پیاده سازی می شود و اغلب نمی توانید به آن اعتماد کنید ...</p>
<p>پس... من دخالت می کنم. <br>آلینا، اگر می‌خواهی همه چیز آنطور که نیاز داری به نظر برسد، این یک چیز است. اگر به چیدمان برای پیروی از قوانین و منطق بالای HTML نیاز دارید، کاملاً متفاوت است. علاوه بر این، اغلب یکی با دیگری منطبق نیست.</p>
<p>حالا سر اصل مطلب. اگر به تعداد زیادی پاراگراف نیاز دارید و فقط یک فضا در یک مکان وجود دارد، می توانید به راحتی تمام متن را در یک [پاراگراف قرار دهید. <p>لایه <div>(هر آنچه قابل اجرا است خط بکشید)]. (نمونه اول من را با قطعه ای از "Neuromancer" اثر W. Gibson ببینید) <br>بنابراین شما فقط یک پاراگراف (واقعاً) خواهید داشت، اما می توانید آن را به هر نحوی به نظر بیاورید <br>. در جایی که به یک خط خالی نیاز دارید، <br>دو بار پشت سر هم می ایستد <br>اما این، همانطور که متوجه شدید، منطق HTML را نقض می کند.</p>
<p>برو جلو. ما یک چیز فوق العاده مانند استایل کردن سند داریم، و با تعریف margin:0px برای پاراگراف خود، دقیقاً همان چیزی را که نیاز داریم به دست می آوریم - تورفتگی بین پاراگراف ها صفر است. (من بلافاصله بابت حجم زیاد عذرخواهی می کنم، اما برای وضوح مجبور شدم از چندین پاراگراف استفاده کنم. مثال را در صفحه html کپی کنید و آن را مشاهده کنید)</p>
<p><p style="margin:0px;">قبل از اینکه کیس بتواند غرفه غذا را پیدا کند، مجبور شد یک دایره تقریباً کامل در اطراف ساختمان ایجاد کند. او یاکیتوری روی سیخ و دو کارتن مومی بلند آبجو خرید. با نگاهی به هولوگرام ها متوجه شد که قفسه سینه یکی از چهره ها از قبل پر از خون شده است. سس قهوه ای غلیظی از تف می چکید و از انگشتان کیس می چکید.</p> <br>
<p>برج ها و مزارع آن در شبه فضایی بی رنگ پراکنده بودند <br>ماتریس شبیه سازی - فقط یک ظاهر الکترونیکی است که تسهیل می کند <br>فرآیند مدیریت و تبادل حجم عظیمی از داده ها. مجاز <br>برنامه نویسان به دیوارهای یخی که پشت آن کار می کنند اهمیتی نمی دهند، <br>دیوارهای تاریکی که عملیات خود را از دیگران - هنرمندان پنهان می کنند <br>جاسوسی صنعتی و افراد تجاری مانند بابی کوین.</p><br>
<p style="margin:0px;">بابی یک گاوچران بود. او یک هکر، یک سارق، یک ناودان بود <br>سیستم عصبی الکترونیکی گسترده بشریت او تصاحب کرد <br>اطلاعات و اعتبارات در یک ماتریس شلوغ، تک رنگ <br>شبه فضا، جایی که، مانند ستاره های کمیاب در تاریکی، متراکم است <br>لخته های داده، کهکشان های شرکت ها سوسو می زدند و از سرما می درخشیدند <br>درخشش مارپیچ سیستم های نظامی.</p><br>
<p style="margin:0px;">بابی یکی از آن چهره های گمشده در زمان بود که همیشه بوده است <br>شما در حال نوشیدن در Gentleman Loser، مکانی محبوب در شهر، گرفتار خواهید شد <br>بار، حداقل بهشتی برای گاوچران های الکترونیکی، مزاحمان و دیگر بچه ها <br>به نوعی با سایبرنتیک مرتبط است.</p><br>
<p style="margin:0px;">ما شریک بودیم</p></p>
<p>نکته ای در مورد موضوع: اگر از گزینه قبلی، "نادرست" استفاده می کنید، گاهی اوقات می خواهید تورفتگی بین خطوط را کمتر یا بیشتر از یک کنید. <br>. در این حالت از اسپیسر استفاده می شود که توهم یک فاصله نیم یا یک و نیم را فراهم می کند.</p>
<p>از آنجایی که ما در مورد "تئوری" صحبت می کنیم، متذکر می شوم که چنین ساختاری با قوانین زبان روسی (و نه تنها روسی) در تضاد است. بنابراین، مانند دیگر «نظریه‌پردازان»، پیشنهاد میکنم: «قبل از فکر کردن به چیدمان، مطمئن شوید که با قواعد زبان «انسانی» مغایرت ندارد. :)</p>
<p>یک ایده درخشان - ارائه متن در قالب گرافیک. <br>و تمام آن مشکلات حل خواهد شد. <br>فکر دیگر این است که در SVG امتحان کنید. <br>سوم - چرا ..... هنوز کسی روی مدیریت خط فاصله در کلمات کار نکرده است؟ <br>مقداری شباهت در CSS2 تعبیه شده بود، اما چه چیزی ...</p>
<p>مدیریت نقل و انتقالات بسیار مشکل ساز است. برای خط خطی کردن خودکار، مرورگر باید قوانین گرامر زبان مربوطه را بداند، که بخشی از عملکرد مرورگر نیست و در اصل نباید گنجانده شود. آنچه باقی می ماند خط تیره های «نرم» است که در خود متن «سیم سخت» قرار گرفته اند. در حال حاضر نمادی برای این وجود دارد - ، که با این حال هنوز توسط همه مرورگرها قابل درک نیست. نویسنده/ویرایشگر متن باید مراقب قرار دادن خط فاصله «نرم» باشد، یا می‌توان آن را به سروری سپرد که قوانین خط فاصله را «دانست».</p>
<h3>اطلاعات مختصر</h3>
<h3>نسخه های CSS</h3>
<table class="cssver"><tr><th>CSS 1</th>
<th>CSS 2</th>
<th>CSS 2.1</th>
<th>CSS 3</th>
</tr><tr><td class="spec_yes">
</td>
<td class="spec_yes">
</td>
<td class="spec_yes">
</td>
<td class="spec_yes">
</td>
</tr></table><h3>شرح</h3>
<p>ویژگی white-space نحوه نمایش فاصله بین کلمات را مشخص می کند. در شرایط عادی، هر تعداد فاصله در کد HTML به صورت یک در یک صفحه وب ظاهر می شود. استثناء برچسب است <pre>متن قرار داده شده در این کانتینر با تمام فاصله ها همانطور که توسط کاربر فرمت شده است خروجی می شود. بنابراین فضای سفید نحوه کار تگ را تقلید می کند <pre>اما بر خلاف آن، فونت را به monospace تغییر نمی دهد.</p>
<h3>نحو</h3>
<p>فضای سفید: معمولی | nowrap | پیش | پیش خط | پیش بسته بندی | به ارث می برند</p>
<h3>ارزش های</h3>عادی متن در پنجره مرورگر به طور معمول نمایش داده می شود، خطوط شکسته به طور خودکار تنظیم می شوند. nowrap فضاها در نظر گرفته نمی شوند، خطوط شکسته در کد HTML نادیده گرفته می شوند، تمام متن در یک خط نمایش داده می شود. در همان زمان، یک برچسب اضافه کنید <br>متن را روی یک خط جدید می پیچد. پیش متن با در نظر گرفتن تمام فاصله ها و خط تیره ها همانطور که توسط توسعه دهنده در کد HTML اضافه شده است نشان داده می شود. اگر خط خیلی طولانی باشد و در پنجره مرورگر قرار نگیرد، یک نوار اسکرول افقی اضافه خواهد شد. فاصله‌های پیش‌خط در متن در نظر گرفته نمی‌شود؛ اگر متن در قسمت مشخص‌شده قرار نگیرد، به‌طور خودکار به خط بعدی منتقل می‌شود. pre-wrap تمام فاصله‌ها و شکسته‌ها در متن حفظ می‌شوند، اما اگر عرض خط در قسمت مشخص‌شده قرار نگیرد، متن به‌طور خودکار به خط بعدی پیچیده می‌شود. inherit ارزش والد را به ارث می برد. <p>تأثیر مقادیر بر متن در جدول ارائه شده است. 1.</p>
<p>HTML5 CSS2.1 IE Cr Op Sa Fx</p><p>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>فضای سفید
مثال
آخرین قضیه فرما
ایکس n+ Y n= ز nکه در آن n یک عدد صحیح > 2 است
