html - 间距和对齐文本
问题描述
我想在两列之间添加空格
并对齐技能__副标题,技能__文本稍微居中到页面而不是居中到屏幕上方756px的第二列
这是我的代码
.row {
display: flex;
}
.column {
flex: 50%;
margin: 10px;
}
<div class="skills__container bd-grid">
<div class="row">
<div class="column">
<h2>Column 1</h2>
<p>Some text</p>
</div>
<div class="column">
<h3>Column 2</h3>
</div>
<div>
</div>
解决方案
将列的宽度减小到 48% 并添加justify-content:space-between
到您的行将添加空间。
.row {
display: flex;
justify-content:space-between;
}
.column {
flex: 48%;
margin: 10px;
}
<div class="skills__container bd-grid">
<div class="row">
<div class="column">
<h2>Column 1</h2>
<p>Some text</p>
</div>
<div class="column">
<h3>Column 2</h3>
</div>
<div>
</div>
我不太明白你问题的第二部分,介意澄清一下吗?
推荐阅读
- prolog - 确定一个对象是否在列表中的另一个对象之前
- c++ - 具有特定旋转次数的数组旋转
- react-native - react-native 如何将功能组件的方法用于类组件?
- wordpress - 如何阻止通过浏览器访问文件目录?
- svn - 文件/文件夹“已经在版本控制下”
- jquery - Asp.net jQuery Ajax - 无法从 img 标签传递图像数据
- sql - 使用 int identity(1,1) 作为连接临时表的一种方式
- javascript - 为什么刷新页面后我的 WebSocket 连接关闭?
- c# - 在实体框架中将 IDENTITY_INSERT 设置为 OFF 时无法插入显式值
- r - 如何从 R/Tidyverse 中的整洁数据生成不整洁的表格?