html - 如何让我的色谱柱平衡均匀?
问题描述
列似乎没有</p>
正确平衡(每列的行不是每列)。
尝试过列填充:平衡而不快乐。
从图片中可以看出。右边有 1 段,左边有 3 段。
.col {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
text-align: left;
margin: 12px 0 18px;
display: inline-block;
}
<div class="col">
<p>Our vision is simple. To capture your story in the most beautifully stunning way with our imaginative and contemporary style...</p>
<p>After photographing hundreds of weddings, we have concluded that there are 2 main types of photographers, the SNAP photographer and the STANDARD photographer.</p>
<p>The standard photographers primary role is to capture the finest of details and moments telling the unique story of your wedding day. The snap photographer, however, is responsible for the 'hang on the wall' family and friends formal group photos.</p>
<p>We offer Hong Kong Wedding Day Photography packages that cover both standard and snap photographers. This way you can relax and enjoy your wedding, knowing that we will capture every single moment of your special day.</p>
</div>
解决方案
这是基于 ercan peker 的回答。
.col {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 9px;
-moz-column-gap: 9px;
column-gap: 9px;
}
<div class="col">
Our vision is simple. To capture your story in the most beautifully stunning way with our imaginative and contemporary style...
<br><br>
After photographing hundreds of weddings, we have concluded that there are 2 main types of photographers, the SNAP photographer and the STANDARD photographer.
<br><br>
The standard photographers primary role is to capture the finest of details and moments telling the unique story of your wedding day. The snap photographer, however, is responsible for the 'hang on the wall' family and friends formal group photos.
<br><br>
We offer Hong Kong Wedding Day Photography packages that cover both standard and snap photographers. This way you can relax and enjoy your wedding, knowing that we will capture every single moment of your special day.
</div>
我已经编辑了上面的答案并想出了这个。它均匀地分布在每一列上的行。
推荐阅读
- python - 如何在python中将23位浮点数从字符串转换为浮点数并返回?
- angular - 检测AngularFire2存储上传完成的时间
- c++ - 数字序列的最佳数据结构 [0:9]
- java - 如何针对 Avro 架构验证 JSON
- python - Python替换文本
- c++ - 可以在 C++ QObject::connect() 中连接 QML 对象现有信号吗?
- java - [JAVA]递归删除扫雷中的空单元格
- javascript - material-ui-next 的组件 Modal 没有被 Babel 转换为 ES5
- listview - 如何更改 TListGroups 中的组顺序?
- java - 使用 UWC java regex 将 Mediawiki 迁移到 Confluence 无法与在线 |thumb 匹配