css如何文本向左对齐

html-css011

css如何文本向左对齐,第1张

文本居左对齐,两端对齐,靠右对齐,或者说居中对齐,通用一个属性:text-align

text-align参数值与说明:

left:内容左对齐。

center:内容居中对齐。

right:内容右对齐。

justify:内容两端对齐,但对于强制打断的行(被打断的这一行)及最后一行(包括仅有一行文本的情况,因为它既是第一行也是最后一行)不做处理。(CSS3)

start:内容对齐开始边界。(CSS3)

end:内容对齐结束边界。(CSS3)

match-parent:这个值和 inherit 表现一致,只是该值继承的 start 或 end 关键字是针对父母的 <' direction '>值并计算的,计算值可以是 left 和 right 。(CSS3)

justify-all:效果等同于 justify,但还会让最后一行也两端对齐。(CSS3)

语法扩展:

这里需要注意的一点是:设置或检索对象中内容的水平对齐方式。

1、块级元素的文本是一些堆叠的线框

2、大部分浏览器要使得 <' text-align '>的justify两端对齐生效,需要在汉字间插入有空白,如空格;

3、块内的最后一行文本(包括块内仅有一行文本的情况,这时既是第一行也是最后一行)及被强制打断的行,其两端对齐需使用 <' text-align-last '>;

4、IE浏览器下,如果 <' text-align-last '>要生效,必须先定义 <' text-align '>为justify;

手持手册给你找

布局:visibility,

颜色:color

字体:

属性 版本 继承性 描述

font    CSS1/2    有    简写属性。定义元素的文本特性  

font-style    CSS1    有    指定元素的文本是否为斜体  

font-variant    CSS1    有    定义元素的文本是否为小型的大写字母  

font-weight    CSS1    有    定义元素文本字体的粗细  

font-size    CSS1    有    定义元素的字体大小  

font-family    CSS1    有    定义元素文本的字体名称序列  

font-stretch    CSS3    有    定义元素的文字是否横向拉伸变形  

font-size-adjust    CSS3    有    定义小写字母x的高度与对象文字字号的比率。  

属性    版本    继承性    描述

text-transform    CSS1/3    有    定义元素的文本如何转换大小写  

white-space    CSS1    有    指定元素是否保留文本间的空格、换行;指定文本超过边界时是否换行。  

tab-size    CSS3    有    定义元素内容中制表符的长度  

word-break    CSS3    有    定义元素内容文本的字间与字符间的换行行为  

word-wrap/overflow-wrap    CSS3    有    定义元素内容文本遇到边界时如何换行  

text-align    CSS1/3    有    定义元素内容的水平对齐方式  

text-align-last    CSS3    有    定义块内文本内容的最后一行(包括块内仅有一行文本的情况,这时既是第一行也是最后一行)或者被强制打断的行的对齐方式  

text-justify    CSS3    有    定义使用什么方式实现文本内容两端对齐  

word-spacing    CSS1/3    有    指定单词之间的额外间隙  

letter-spacing    CSS1/3    有    指定字符之间的额外间隙  

text-indent    CSS1/3    有    定义块内文本内容的缩进  

vertical-align    CSS1/2    无    定义行内元素在行框内的垂直对齐方式  

line-height    CSS1    有    定义元素中行框的最小高度  

text-size-adjust    CSS3    有    定义移动端页面中元素文本的大小如何调整 

属性 版本 继承性 描述

text-decoration CSS1/3 无 简写属性。定义元素文本装饰

text-decoration-line CSS3 无 定义元素文本装饰线条位于文本的哪个位置

text-decoration-color CSS3 无 指定元素文本装饰线条的颜色

text-decoration-style CSS3 无 定义元素文本装饰线条的形状

text-decoration-skip CSS3 有 定义元素文本装饰线条必须跳过内容中的哪些部分

text-underline-position CSS3 有 定义元素装饰线的位置

text-shadow CSS3 有 定义文字是否有阴影及模糊效果

还有部分就不列了

检验 百度搜索CSS 4. 0,  看下

CSS参考手册

版本:v4.2.7

最后更新时间:2018-4-10

编著:飘零雾雨