• <cite id="ls72a"></cite>

  • <rp id="ls72a"><nav id="ls72a"></nav></rp>
    <b id="ls72a"></b>

    圖像的水平間距hspace和圖像的排列align

    • 2020-12-16 10:01:09
    • 閱讀次數:
    • 作者:盈嵐科技小編
    • 來源:http://www.0737dz.com

    圖像的水平間距hspace

    圖像與文字之間的水平距離可以通過hspace參數進行調整。通過調整圖像的邊距,可以使文字和圖像的排列顯得緊湊,看上去更加協調。

    語法:<img src="圖像文件的地址" hspace="水平邊距">

    說明:在該語法中,水平邊距hspace屬性的單位是像素。

    舉例:<html><head><title>圖像的水平邊距</title><meta http-equiv=content-type content="text/html; charset=gb2312"></head><body>市機關幼兒園是一所省示范性幼兒園、市一級幼兒園。先后被評為浙江省科研興校200強學校、首批“園本教研示范幼兒園”、市教育科學研究基地學校、市現代化幼兒園、市先進“結對園”、市中小學幼兒園教師教育先進集體、市衛生先進單位、市綠化先進單位。幼兒園環境優美,設施優良,是一所充滿童真、童趣的兒童樂園。</span>

    </body>

    </html>

    在代碼中加粗部分的標記是為圖像添加水平邊距,在瀏覽器中預覽可以看到設置的水平邊距為20像素,如系統所示。

    提示

    使用hspace和vspace屬性會在圖像周圍對稱加入空格。hspace屬性在圖像兩側加入空格,而vspace屬性在圖像頂部和底部加入相同的空格。

    圖像的排列align

    圖像和文字之間的對齊是通過align屬性來設定的,align的對齊方式有兩種:即絕對對齊和相對對齊。絕對對齊方式的效果和文字一樣,只有3種:居中(middle)、居左(left)、居右(right)。相對對齊方式是指圖像與一行文字的相對位置。

    語法:<img src="圖像文件的地址" align="文字的對齊方式">

    舉例:

    <html>

    <head>

    <meta http-equiv="content-type" content="text/html; charset=gb2312" />

    <title>圖像排列</title>

    </head>

    <body>

    <p>回歸大自然的體驗,嘗試做個摩登原始人,登天入地,攀巖涉水,充滿樂趣,個人訓練、團體活動皆適宜,是全山西省最大、最富趣味性與挑戰性的山訓場。本山訓場是一片布置于樹林及原野間的山訓場,場內的設施均具野味而刺激。<br /> 

     山莊還安排體能鍛煉及充滿活力的團隊山訓課程 

    </html>


    當前文章標題:圖像的水平間距hspace和圖像的排列align

    當前URL:http://www.0737dz.com/news/wzzz/3326.html

    上一篇:圖像的邊框border和圖像的垂直邊距vspace

    下一篇:圖像的超鏈接和圖像熱區鏈接

    網站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)
    日本三级香港三级人妇99,亚洲欧美中文日韩综合图区,欧美黄网站色视频免费,哈啊往里噗嗤好深bl纯肉np 网站地图