Html 可以垂直对齐我的div元素吗？

我想有三个独立的垂直列，有没有一种方法我可以改变我的代码，使列垂直，而不是水平（像现在一样）

.cols{
字体大小：粗体；
最小高度：50%；
最小宽度：90%；
背景：#000000；
边缘底部：15px；
显示：表格；
表布局：固定；
}
科尔斯分区{
位置：相对位置；
背景:#2323；
}
上校{
显示：表格单元格；
}

第1栏
第2栏
第3栏
如果我理解你的意思，可以使用
flex
：


.cols{
最小高度：50%；
最小宽度：90%；
背景：#000000；
边缘底部：15px；
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：列；
弯曲方向：立柱；
}
科尔斯分区{
背景:#2323；
颜色：#fff；
}

第1栏
第2栏
第3栏
列是从左到右的列和顺序。如果需要行，请使用
display:table row。或者根本不为
divs
重新声明
display
属性。这实际上非常奇怪，因为在我的网页上，单元格被拆分，所以它们是各自的行（一行在另一行之上）。但我的代码片段将它们并排显示，这正是我想要的，让我来看看this@SergeyKhalitov我在哪里重新声明div的display？您使用的是像Bootstrap这样的框架吗？@Twtheo，这里是
.cols{display:table；}
和这里是
.col{display:table cell；}
。尝试写入显示时出错：-webkit flex；显示器：flex；分析值“display”时出错。您是否更改了.col类？@Twtheo我删除了
.col
类，因为您不需要使用
display:table单元格使用
flex
。好的，还有错误（我想这实际上是一个警告，但我认为该部分甚至没有运行）？它在{display:-webkit flex；}@Twtheo上有问题。您是在本地测试还是通过网络主机测试？