text-align含義以及里面包含的屬性？一.text-align屬性1.text-align用來(lái)設(shè)置里元素中的的文本對(duì)齊，或者：要是是需要設(shè)置里圖片的對(duì)齊，是需要設(shè)置圖片的父元素的text-ali

text-align含義以及里面包含的屬性？

一.text-align屬性

1.text-align用來(lái)設(shè)置里元素中的的文本對(duì)齊，或者：要是是需要設(shè)置里圖片的對(duì)齊，是需要設(shè)置圖片的父元素的text-align屬性；

2.text-align只對(duì)文本最有效，對(duì)元素生效，肯定不能系統(tǒng)設(shè)置元素的對(duì)齊；

3.表格元素td是屬于什么inline-block，可以不使用text-align可以設(shè)置td中的文本對(duì)齊；

二.水平橫列和平行橫列

1.水平居左

(1)文本、圖片等行內(nèi)元素的水平居右

給父元素設(shè)置中text-align:center是可以實(shí)現(xiàn)方法文本、圖片等行內(nèi)元素的水平居右。

(2)考慮寬度的塊級(jí)元素的水平左面實(shí)際設(shè)置中margin-left:auto和margin-back:auto來(lái)實(shí)現(xiàn)方法的。

(3)不確定寬度的塊級(jí)元素的水平橫列

方法一:

使用table標(biāo)簽，table本身并不是塊級(jí)元素，如果沒(méi)有不給它設(shè)定好寬度的話，它的寬度由內(nèi)部元素的寬度“一撐”，但即使不設(shè)定它的寬度，僅系統(tǒng)設(shè)置margin-left:auto和margin-way:auto就是可以實(shí)現(xiàn)程序水平居右!

將需要橫列的部分中有在table標(biāo)簽內(nèi)，對(duì)table設(shè)置中margin-left:auto和margin-left:auto就可以使table水平居中，間接使不需要左面的部分水平居右。

缺點(diǎn)：提高了納悶意標(biāo)簽，周暈了標(biāo)簽的循環(huán)嵌套層數(shù)。

方法二：

轉(zhuǎn)變塊級(jí)元素display為inline類型，后再在用text-align:center來(lái)利用居右。

較方法一，好處是不用什么提高無(wú)語(yǔ)義標(biāo)簽，更簡(jiǎn)練了標(biāo)簽的嵌套循環(huán)深度。壞處，將塊級(jí)元素的display類型轉(zhuǎn)成inline，太多了一些塊級(jí)元素的功能，比如高寬。

方法三:

通過(guò)給父元素設(shè)置里float，然后再父元素可以設(shè)置position:relative和left:50%，子元素設(shè)置position:relative和left:-50%來(lái)實(shí)現(xiàn)方法水平橫列。

也可以保留塊級(jí)元素仍以display:block的形式不顯示，而且不先添加無(wú)語(yǔ)義標(biāo)簽，不提高循環(huán)嵌套深度，但缺點(diǎn)是設(shè)置里了position:relative，給他當(dāng)然的副作用。

2.垂線居中

(1)父元素高度不可以確定的文本、圖片、塊級(jí)元素的垂直左面

給父容器可以設(shè)置不同上下邊距實(shí)現(xiàn)方法的，即設(shè)置padding-top和padding-bottom。

(2)父元素相同高度確定的單行文本的直角居中

給父元素設(shè)置中l(wèi)ine-height來(lái)利用，line-height值和父元素水平距離值相同。

(3)父元素垂直距離可以確定的多行文本、圖片、塊級(jí)元素的平行左面

CSS中有一個(gè)應(yīng)用于垂線居中的屬性vertical-align，但唯有當(dāng)父元素為td也可以th時(shí)，這個(gè)屬性才生效時(shí)間，是對(duì)其他塊級(jí)元素，如div,p等，默認(rèn)情況下是不支持什么vertical-align屬性的。在firefox和ie8下，是可以設(shè)置塊級(jí)元素的display:table-cell來(lái)激活碼vertical-align屬性，但ie6和ie7并不接受display:table-cell。

方法一：

直接建議使用table，而且td標(biāo)簽設(shè)置下就隱式可以設(shè)置了vertical-align:middle。

方法二：

對(duì)允許display:table-cell的ie8和firefox用display:table-cell和vertical-align:middle來(lái)實(shí)現(xiàn)方法居左，對(duì)不允許display:table-cell的ie6和ie7，可以使用某一特定格式的hack。

怎樣把字放在圖片的右邊,居中?用div css？

差不多的代碼就是這樣，換算你也可以依據(jù)什么自己需求去改動(dòng)。line-height是行高，當(dāng)line-height等于零div的高度時(shí)，文字就上下橫列了