Што такое pre ў стылі CSS? Роля тэгаў кода папярэдняй абгорткі ў HTML

мы выкарыстоўваемВэб-сайт WordPressТрэба вывучыць некаторыя асновы CSS і HTML:

  • З-за файлаў стыляў CSS некаторых тэм WordPress стылі тэгаў pre і code не дадаюцца.
  • Большасць браўзераў у цяперашні час падтрымліваеадзнака.

Базавыя веды CSS і HTML

HTML  Прыклад этыкеткі

Ніжэй прыведзены стыль CSS папярэдняга тэга (які можа аўтаматычна абгортваць HTML-код) ▼

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

Ніжэй прыведзены стыль CSS тэга кода ▼

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

Інструкцыі:

  • Скапіруйце прыведзеныя вышэй тэгі CSS у тэму WordPress style.css у файле.

Функцыя папярэдняга тэга HTML і інструкцыі па выкарыстанні

  • Пазнакі вызначаюць папярэдне адфарматаваны тэкст.
  • У элементах разметкі змешчаны тэкст звычайна пакідае прабелы і разрывы радкоў.
  • Тэкст таксама будзе адлюстроўвацца монашырынным шрыфтам.

Разметка часта标记结合使用,以获得更精确的语义,用于标记需要在页面中呈现的源代码。

Калі вы жадаеце змясціць азначаны фармат тэксту ў HTML, вам неабходна скарыстацца перавагай атрыбуту галоўнага элемента.

Парады і інструкцыі

падказка:Звычайна тэгі выкарыстоўваюцца для прадстаўлення зыходнага кода кампутара.

Адрозненні паміж HTML 4.01 і HTML5

У HTML 4.01 атрыбут "width" састарэў і не можа выкарыстоўвацца. HTML5 не падтрымлівае атрыбут "шырыня".

атрыбут

Апісанне кошту ўласцівасці

  • Нумар шырыні HTML5 не падтрымлівае гэты атрыбут.
  • Гэты атрыбут састарэў у HTML 4.01.
  • Вызначае максімальную колькасць знакаў у радку (звычайна 40,80, 132 або XNUMX).

глабальныя ўласцівасці

  • <pre>Разметка падтрымлівае глабальныя ўласцівасці і глядзіце поўную табліцу ўласцівасцей глабальных уласцівасцей HTML.

Уласцівасці падзеі

  • Тэгі падтрымліваюць усе атрыбуты падзей HTML.

Блог Hope Chen Weiliang ( https://www.chenweiliang.com/ ) падзяліўся "Што такое pre ў стылі CSS? Роля тэгаў кода папярэдняга аўтаматычнага пераносу радкоў у HTML" карысная для вас.

Запрашаем падзяліцца спасылкай на гэты артыкул:https://www.chenweiliang.com/cwl-2116.html

Каб адкрыць больш схаваных хітрасцяў🔑, далучайцеся да нашага канала ў Telegram!

Падзяліцеся і пастаўце лайкі, калі вам гэта падабаецца! Вашы акцыі і лайкі - наша пастаянная матывацыя!

 

发表 评论

Ваш электронны адрас не будзе апублікаваны. 必填 项 已 用 * Этыкетка

Пракрутка да пачатку