Як у Excel зробити перенесення тексту в комірці. Перенесення рядка та розділова лінія у HTML Як перейти на новий рядок у html
Переклад рядка, перенесення рядка, перенесення на новий рядок – це все про одне. У мові HTML перенесення до нового рядка застосовується часто. Є кілька шляхів: використовувати тег
для перекладу на новий рядок, а можна використовувати властивості CSS для перенесення рядка. Розглянемо приклад використання тега перенесення рядка:
У CSS перенесення рядка можна здійснити по-різному, наприклад:
Br (
float: left;
width: 100%;
margin: 0 0 20px 0; /* відступ після рядка 20 пікселів */
}
Розділова лінія за допомогою HTML або CSS
У HTML створити лінію розділення дуже просто. Використовується також непарний тег
- це і є розділова лінія. Розділова лінія починається з нового рядка і після неї є відступ. Ви можете керувати стилем горизонтальної лінії, а також можна зробити альтернативу їй. Далі приклад розділової лінії за допомогою тега:
А тепер давайте стилізуємо (змінимо стилі, змінимо зовнішній вигляд) нашу роздільну лінію:
hr (
width: 80%; /* ширина лінії */
height: 4px; /* висота / товщина лінії */
background: #333; /* фон / колір лінії */
border: 0; /* рамка навколо розділової лінії (приберемо її) */
margin: 5px 0 5px 0; /* відступ над та під лінією 5 пікселів */
}
І створимо альтернативу нашої розділової лінії за допомогою тега
коротка інформація
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Властивість white-space встановлює, як відображати пробіли між словами. У звичайних умовах будь-яка кількість пробілів у коді HTML відображається на веб-сторінці як один. Винятком є тег
Поміщений у цей контейнер текст виводиться з усіма пробілами, як він відформатовано користувачем. Таким чином, white-space імітує роботу тегаАле, на відміну від нього, не змінює шрифт на моноширинний.Синтаксис
white-space: normal | nowrap | pre | preline | pre-wrap | inherit
Значення
normal Текст у вікні браузера виводиться як завжди, переноси рядків встановлюються автоматично. nowrap Пробіли не враховуються, перенесення рядків у коді HTML ігноруються, весь текст відображається одним рядком; разом з тим, додавання тега
переносить текст на новий рядок. pre Текст показується з урахуванням всіх пропусків та переносів, як вони були додані розробником у коді HTML. Якщо рядок виходить занадто довгим і не поміщається у вікні браузера, то буде додано горизонтальну смугу прокручування. pre-line У тексті прогалини не враховуються, текст автоматично переноситься на наступний рядок, якщо він не поміщається в задану область. pre-wrap У тексті зберігаються всі пробіли та перенесення, проте якщо рядок по ширині не поміщається в задану область, то текст буде автоматично перенесений на наступний рядок. inherit Наслідує значення батька.Дія значень тексту представлено в табл. 1.
HTML5 CSS2.1 IE Cr Op Sa Fx
white-space приклад
Велика теорема Ферма
X n+ Y n= Z n
де n – ціле число > 2Результат цього прикладу показано на рис. 1.
Мал. 1. Застосування якості white-space
Об'єктна модель
document.getElementById("elementID ").style.whiteSpace
Браузери
Браузер Internet Explorer до версії 7.0 включно не підтримує значення pre-line, pre-wrap та inherit. Для