HTML 部门
Елемент <div> 请使用 HTML 元素来编写您的代码。
问题<div>
Елемент <div> за замовчуванням є блоковим елементом, що означає, що він займає всю доступну ширину та має розриви рядків перед і після.
Елемент <div> не має обов’язкових атрибутів, але поширені style, class та id.
问题<div>雅克·科尼
Елемент <div> часто використовується для групування розділів вебсторінки.
屁股
问题<div>关于 HTML 元素：
<div>
<h2>伦敦</h2>
<p>伦敦是英国的首都。</p>
<p>伦敦有1300多万居民。</p>
</div>
Результат
伦敦
伦敦是英国的首都。
伦敦有1300多万居民。
自己尝试一下»
元素病毒<div>在中心
你有什么元素？ <div> 并非所有网站都 100% 准确，但要访问中国网站，请创建 CSS 脚本margin на auto.
基尔卡<div>元素
你可以携带很多容器 <div> на одній сторінці.
屁股
<div>
<h2>伦敦</h2>
<p>伦敦是英国的首都。</p>
<p>伦敦有1300多万居民。</p>
</div>
<div>
<h2>奥斯陆</h2>
<p>奥斯陆是挪威的首都。</p>
<p>奥斯陆有 600,000 多名居民。</p>
</div>
<div>
<h2>罗马</h2>
<p>罗马是意大利的首都。</p>
<p>罗马有近300万居民。</p>
</div>
Результат
伦敦
伦敦是英国的首都。
伦敦有1300多万居民。
奥斯陆
奥斯陆是挪威的首都。
奥斯陆有 600,000 多名居民。
罗马
罗马是意大利的首都。
罗马有近300万居民。
自己尝试一下»
元素病毒<div>一对一
创建网站时，您通常需要两个或多个元素 <div> поруч, наприклад:
伦敦
伦敦是英国的首都。
伦敦有1300多万居民。
奥斯陆
奥斯陆是挪威的首都。
奥斯陆有 600,000 多名居民。
罗马
罗马是意大利的首都。
罗马有近300万居民。
有多种方法可以验证命令元素（一个接一个），所有方法都包括各种 CSS 样式。 我们将研究最广泛的方法：
漂浮
权威CSS float спочатку не була призначена для вирівнювання елементів <div> один біля одного, але використовувалась для цієї мети протягом багатьох років.
权威CSS float використовується для розміщення та форматування вмісту та дозволяє елементам плавати поруч один з одним, а не знаходитись один над одним.
屁股
牦牛维科里什图瓦蒂 漂浮 для вирівнювання елементів div поруч:
<style>
.我的容器 {
宽度：100％；
溢出：自动；
}
.mycontainer div {
宽度：33%；
向左飘浮;
}
</style>
Результат
伦敦
伦敦是英国的首都。
伦敦有1300多万居民。
奥斯陆
奥斯陆是挪威的首都。
奥斯陆有 600,000 多名居民。
罗马
罗马是意大利的首都。
罗马有近300万居民。
自己尝试一下»
了解更多关于 漂浮 у нашому підручнику в розділі CSS 浮动.
行内块
如何改变电源 display елемента <div> із block на inline-block, елементи <div> більше не додаватимуть розрив рядка до і після, і відображатимуться поруч, а не один над одним.
屁股
牦牛维科里什图瓦蒂 display: inline-block для вирівнювання елементів div поруч:
<style>
div {
宽度：30%；
显示：内联块；
}
</style>
Результат
伦敦
伦敦是英国的首都。
伦敦有1300多万居民。
奥斯陆
奥斯陆是挪威的首都。
奥斯陆有 600,000 多名居民。
罗马
罗马是意大利的首都。
罗马有近300万居民。
自己尝试一下»
柔性
CSS Flexbox 布局模块 已发布，不支持中文，请重试 漂浮 або позиціонування.
使用 CSS flex 方法显示元素 <div> іншим елементом <div> 并记录你的 flex 内容。
屁股
牦牛维科里什图瓦蒂 柔性 для вирівнювання елементів div один біля одного:
<style>
.我的容器 {
显示：弹性；
}
.mycontainer > div {
宽度：33%；
}
</style>
Результат
伦敦
伦敦是英国的首都。
伦敦有1300多万居民。
奥斯陆
奥斯陆是挪威的首都。
奥斯陆有 600,000 多名居民。
罗马
罗马是意大利的首都。
罗马有近300万居民。
自己尝试一下»
了解更多关于 柔性 у нашому підручнику в розділі CSS 弹性框.
网格
CSS 网格布局模块使用与布局相同的技术来组织，它允许将不带浮动 (float) 元素的网格对齐并进行布局。
Mayzhe听起来就像那样 柔性, але може визначати більше одного рядка та позиціонувати кожен рядок окремо.
CSS网格方法允许你锐化元素 <div> іншим елементом <div> і надати статус як контейнер сітки, і ви повинні вказати ширину кожного стовпця.
屁股
如何选择振动元件的网格 <div> один біля одного:
<style>
.网格容器 {
显示：网格；
网格模板列：33%33%33%；
}
</style>
Результат
伦敦
伦敦是英国的首都。
伦敦有1300多万居民。
奥斯陆
奥斯陆是挪威的首都。
奥斯陆有 600,000 多名居民。
罗马
罗马是意大利的首都。
罗马有近300万居民。
自己尝试一下»
在我们的指南中了解有关网格的更多信息 部分 CSS 网格.
HTML标签
| 标签 | 描述 |
|---|---|
| <div> | 分配给文档中的节（等于块） |
要查看所有可用 HTML 标签的完整列表，请访问我们的 HTML 标签浏览器.
