php (285)
js (155)
html (135)
html tags (61)
php function (53)
jquery (40)
edit text (37)
php array (30)
form html (30)
fonts (27)
ruweb.net (23)
type of input (22)
html attribute (22)
foto (22)
online (20)
atom (20)
forum (19)
sublime text 3 (19)
svg (18)
Показать еще :
hosting (17)
css property (17)
board (17)
js method (16)
html book (16)
php file (16)
php string (15)
color (15)
php date (15)
matematika php (15)
php folder (15)
link (15)
js replace (15)
js events (14)
input (14)
osclass (13)
table (13)
htaccess (13)
download fonts (13)
dw block (12)
path (12)
select (12)
php img (11)
form (11)
php time (11)
jsphp (11)
icon (11)
font awesome (11)
js delete (11)
yandex webmaster (11)
download (11)
notepad (11)
mouse (10)
img (10)
url (10)
php session (9)
js time (9)
info (9)
database (9)
yandex (9)
css shape (8)
drop down list (8)
js array (8)
encryption (8)
calculator (7)
php operator (7)
php post (7)
jquery attribute (7)
background (7)
dosite (7)
php count (7)
dreamweaver (7)
keyboard (7)
hover (7)
code editor (7)
different (7)
cookie (7)
queryselector (7)
comment (7)
task (7)
$ server (7)
php url (7)
filezilla (6)
js url (6)
mysql (6)
robots txt (6)
position element (6)
tags meta (6)
substr php (6)
year (6)
click (6)
border property (6)
alphabet (6)
list (6)
iframe (6)
php mistakes (6)
browser (5)
php cookie (5)
types php (5)
$ global vars (5)
search (5)
ftp (5)
display property (5)
chart (5)
directadmin (5)
js slice (5)
php cycle (5)
adminka (5)
js attribute (5)
php get (5)
value (5)
mb (5)
registration (5)
paragraph (5)
week (4)
about me (4)
console (4)
position (4)
clock fonts (4)
vk (4)
placeholder (4)
php constants (4)
bbcode (4)
symbols (4)
js form (4)
js id (4)
text decoration (4)
mounth (4)
template (4)
submit (4)
textarea (4)
php register (4)
reg.ru (4)
js window (4)
js string (4)
scandir (3)
line (3)
php cycle for (3)
pages (3)
js class (3)
https (3)
jquery class (3)
js post (3)
font style (3)
ucoz (3)
auto form (3)
delete tag (3)
js img (3)
padding (3)
checkbox (3)
selector (3)
dwweb ru (3)
php get element (3)
day (3)
overflow (3)
php counters (3)
question (3)
captcha (3)
count symbol (3)
vs code (3)
attribute data (3)
jquery post (3)
password (3)
ssl (3)
php rand (3)
subdomain (3)
php method (3)
second (2)
jquery method (2)
cursor (2)
contenteditable (2)
tag hr (2)
first letter (2)
money (2)
рся (2)
pseudo element (2)
css book (2)
height (2)
js vars (2)
title (2)
counter (2)
type file (2)
js cookie (2)
typeof (2)
text align (2)
source code (2)
php round (2)
authorization (2)
comments+ (2)
php array sort (2)
details (2)
php mail (2)
errordocument (2)
youtube (2)
video (2)
function time (2)
audio player (2)
base64 (2)
facebook (2)
js object (2)
seo (2)
file cms (2)
qr kod (2)
title attribute (2)
arrows (2)
sitemap (2)
php form (2)
computer (1)
type range (1)
smile (1)
js folder (1)
google (1)
sberbank (1)
windows (1)
sublime text 4 (1)
archive (1)
domen (1)
numbers (1)
video pleer (1)
speed (1)
xmlhttprequest (1)
books (1)
jquery book (1)
scroll (1)
css indent (1)
header (1)
input html (1)
php info (1)
days (1)
Как перенести строку в css
Как перенести строку в css на сайте?
- Перенос строки css : word-break: break-all.
- Перенос строки css : word-break: break-word.
- Перенос строки css : overflow-wrap: break-word.
Перенос строки css : word-break: break-all.
СвойствоКак переводится - word-break: break-all;
word - слово
break - ломать
all - все
.word_break {
width: 160px;
background: #f0f0f0;
border: 1px solid #333;
padding: 10px;
font-size: 18px;
word-break: break-all;
}
Добавим div? в который поместим некий, текст :
<div class="word_break"></div>
Результат применения word-break: break-all
Привет мир - это тестовый текст в тестовом диве, блоке, который понадобился для того, чтобы проверить работу свойства для переноса слов и строк в случае необходимости! И нам потребуется для проверки переносов пару слов очень длинных например: достопримечательность рентгеноэлектрокардиографического
Перенос строки css : word-break: break-word.
Поступаем аналогично, что делали в предыдущем пункте!
.word_break_2 {
width: 160px;
background: #f0f0f0;
border: 1px solid #333;
padding: 10px;
font-size: 18px;
word-break: break-word;
}
Результат применения word-break: break-word
Привет мир - это тестовый текст в тестовом диве, блоке, который понадобился для того, чтобы проверить работу свойства для переноса слов и строк в случае необходимости! И нам потребуется для проверки переносов пару слов очень длинных например: достопримечательность рентгеноэлектрокардиографического
Перенос строки css : overflow-wrap: break-word.
Еще одно свойство для переноса строки :.word_break_3 {
width: 160px;
background: #f0f0f0;
border: 1px solid #333;
padding: 10px;
font-size: 18px;
overflow-wrap: break-word;
}
Результат применения overflow-wrap: break-word
Привет мир - это тестовый текст в тестовом диве, блоке, который понадобился для того, чтобы проверить работу свойства для переноса слов и строк в случае необходимости! И нам потребуется для проверки переносов пару слов очень длинных например: достопримечательность рентгеноэлектрокардиографического
Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
Последние комментарии :
Игорь :
05.04.2022 03:52
Спасибо Большое Вам за счетчик скачиваний файлов! Вы единственный, кто выложил действительно рабочий код!…
подробнее.
подробнее.
Марат :
03.04.2022 11:16
Вы обратились не по адресу...
Предположим... что у вас есть паравоз...на дровах...
И вы обращаетесь в автосервис, …
подробнее.
подробнее.
Good_Serpent :
03.04.2022 08:18
Шара - "расшаренная", доступная для пользователей локальной сети папка. Там происходит обмен информацией,…
подробнее.
подробнее.
Марат :
02.04.2022 20:29
Я даже не знаю, что таоке "шара"...
Думаю, что вам нужно искать на специализированном сайте посвященной…
подробнее.
подробнее.

подробнее.