HTML標(biāo)簽align屬性的用法問(wèn)題

HTML中表格楼吃、文字躲叼、圖像等元素都有使用到align屬性,align屬性主要是影響設(shè)置元素的水平對(duì)齊方式凭疮,給表格哮奇、文字膛腐、及圖像等元素設(shè)置align屬性,其表現(xiàn)形式是不一致的鼎俘。

給表格元素設(shè)置align屬性:

測(cè)試.png

通過(guò)測(cè)試我們發(fā)現(xiàn)哲身,對(duì)于表格元素table、tr贸伐、td勘天、th都是可以有效設(shè)置align屬性的,設(shè)置的效果是使得各表格元素內(nèi)的內(nèi)容(一般為文本,也可以是圖片等)水平偏移误辑。

給圖片元素設(shè)置align屬性

通過(guò)簡(jiǎn)單測(cè)試我們可以看出沧踏,我們給圖片元素設(shè)置align屬性時(shí),當(dāng)設(shè)置align屬性值為left或者right時(shí)巾钉,圖片左飄或右飄翘狱,當(dāng)我們?cè)趫D片后加上文字時(shí),效果類(lèi)似于左浮動(dòng)或者右浮動(dòng)砰苍,當(dāng)然類(lèi)似浮動(dòng)效果的是潦匈,當(dāng)align屬性設(shè)置為center時(shí),圖片也無(wú)法漂浮到中間赚导,我們可以利用這一特性來(lái)進(jìn)行圖文混排茬缩。

給文字設(shè)置align屬性

  • 文字設(shè)置align屬性
    通過(guò)測(cè)試我們可以看出,給<span></span>吼旧、<font></font>等包裹 文字的行內(nèi)容器設(shè)置align屬性是沒(méi)有效果的凰锡,而給div、p等包裹文字的塊級(jí)元素設(shè)置align屬性則是有效果的圈暗,會(huì)使得文本在水平方向上左移掂为、右移或者居中。

現(xiàn)在已經(jīng)不推薦使用align屬性了员串!

  • 注意:不同的瀏覽器以及同一瀏覽器的不同版本對(duì) align 屬性的某些值的處理方式是不同的勇哗。

  • 注意:HTML 4.01 不推薦使用 align 屬性,XHTML 1.0 Strict DTD 不支持該屬性寸齐,同時(shí) HTML 5 也不再支持該屬性欲诺。

  • 瀏覽器支持
    雖然不贊成使用 align,但是幾乎所有瀏覽器都支持該屬性渺鹦。

兼容性注釋

  • 不贊成使用 align 屬性和 <center> 標(biāo)簽
    HTML 4 和 XHTML 中不再推薦使用所有標(biāo)準(zhǔn)中的 align 屬性扰法,當(dāng)然包括 img 的 align 屬性,以便使用樣式表海铆。同時(shí)不再使用 <center> 標(biāo)簽迹恐。
    然而挣惰,該屬性及標(biāo)簽在 HTML 創(chuàng)作者中非常流行卧斟,并且現(xiàn)在流行的瀏覽器都能很好地支持它們。所以憎茂,雖然我們期望 align 和 <center> 將來(lái)有一天會(huì)消失珍语,但還需要等待很長(zhǎng)一段時(shí)間。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末竖幔,一起剝皮案震驚了整個(gè)濱河市板乙,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖募逞,帶你破解...
    沈念sama閱讀 217,277評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蛋铆,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡放接,警方通過(guò)查閱死者的電腦和手機(jī)刺啦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)纠脾,“玉大人玛瘸,你說(shuō)我怎么就攤上這事」兜福” “怎么了糊渊?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,624評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)慧脱。 經(jīng)常有香客問(wèn)我渺绒,道長(zhǎng),這世上最難降的妖魔是什么菱鸥? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,356評(píng)論 1 293
  • 正文 為了忘掉前任芒篷,我火速辦了婚禮,結(jié)果婚禮上采缚,老公的妹妹穿的比我還像新娘针炉。我一直安慰自己,他們只是感情好扳抽,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布篡帕。 她就那樣靜靜地躺著,像睡著了一般贸呢。 火紅的嫁衣襯著肌膚如雪镰烧。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,292評(píng)論 1 301
  • 那天楞陷,我揣著相機(jī)與錄音怔鳖,去河邊找鬼。 笑死固蛾,一個(gè)胖子當(dāng)著我的面吹牛结执,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播艾凯,決...
    沈念sama閱讀 40,135評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼献幔,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了趾诗?” 一聲冷哼從身側(cè)響起蜡感,我...
    開(kāi)封第一講書(shū)人閱讀 38,992評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后郑兴,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體犀斋,經(jīng)...
    沈念sama閱讀 45,429評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評(píng)論 3 334
  • 正文 我和宋清朗相戀三年情连,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了闪水。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,785評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蒙具,死狀恐怖球榆,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情禁筏,我是刑警寧澤持钉,帶...
    沈念sama閱讀 35,492評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站篱昔,受9級(jí)特大地震影響每强,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜州刽,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評(píng)論 3 328
  • 文/蒙蒙 一空执、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧穗椅,春花似錦辨绊、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,723評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至袍镀,卻和暖如春默蚌,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背苇羡。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,858評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工绸吸, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人设江。 一個(gè)月前我還...
    沈念sama閱讀 47,891評(píng)論 2 370
  • 正文 我出身青樓锦茁,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親绣硝。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蜻势,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案撑刺? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,751評(píng)論 1 92
  • HTML標(biāo)簽解釋大全 一鹉胖、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說(shuō)明:指定了 HTML 文檔遵循的文檔類(lèi)型定義(D...
    米塔塔閱讀 3,240評(píng)論 1 41
  • 本文主要是起筆記的作用,內(nèi)容來(lái)自慕課網(wǎng). 認(rèn)識(shí)CSS樣式 CSS全稱(chēng)為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,641評(píng)論 0 30
  • 本課來(lái)自http://www.imooc.com/learn/9請(qǐng)不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,223評(píng)論 0 5
  • 莫道飽經(jīng)苦楚志不移甫菠,且看待人情誼真挠铲。年少未曾嘆憂(yōu)愁,人到中年鬢辭寂诱。人生難得長(zhǎng)如意拂苹,風(fēng)雨浪尖駛小舟。
    亮_2119閱讀 138評(píng)論 0 0