<output id="jbxdv"></output>

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

        • 2020-12-16 10:01:09
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.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.freenetsites.com/news/wzzz/3326.html

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

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

        網站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>