【技术等级】初级

【承接文章】《CSS段落行高，竟然能够实现垂直居中功能，神奇的CSS技术》

本文重点讲解CSS技术中文本样式的 vertical-align 属性的详细用法。本文属于前端开发的初级教程，适合于刚刚开始接触CSS技术的学习者。

垂直居中

通用布局方式(内敛元素和块状元素都适用)

利用flex:

核心代码:

.container{
 display:flex;
 flex-direction:column;
 justify:center
}

【技术等级】初级

【承接文章】《CSS文本属性，让你的段落更加美观，前端之路更进一步》

本文重点讲解CSS技术中文本样式的text-align属性以及”块级元素”和“内联元素”的使用。本文属于前端开发的初级教程，适合于刚刚开始接触CSS技术的学习者。

一、设置对齐方式：

要实现css两端对齐，我在网上找了很多方法，都不怎么实用，都是兼容性闹得，column是css3的属性，是多列布局，使用column来实现两端对齐简单实用，就要设置下模块的个数跟column的列数一致就行，先看它的的3个属性：

1.column-count 属性规定元素应该被分隔的列数

2.column-gap 属性规定列之间的间隔

2.column-rule 属性设置列之间的宽度、样式和颜色规则。

CSS3 多列属性的兼容性：

通常情况下select内的文字默认值是左对齐，下面主要用css的属性实现select里面的文字右对齐；

效果如下：

实现该效果是，在select样式里添加direction: rtl;属性即可；

direction定义和用法

direction属性规定文本的方向 / 书写方向。

该属性指定了块的基本书写方向，以及针对 Unicode 双向算法的嵌入和覆盖方向。不支持双向文本的用户代理可以忽略这个属性。