蚊: 圖像
歡迎來到圖像對正! 如果您認識此帖子, 係因為呢啲都係由經典轉換嘅蚊 標記: 圖像對正 發佈. 演示各種圖像定位選項嘅起伏嘅最佳方式係把它們依附喺單詞嘅海洋中. 拿起槳,令#8217開始. 請務必在RTL模式下嘗試. 左應保持左,右應保持右側為兩個閱讀方向.
關於對正嘅話題, 應該指出嘅係,用戶可以由選項中選擇 冇, 左, 右, 和 中心. 如果主題增加咗對 對正寬, 圖像都可以 寬 和 全寬度. 請務必喺RTL模式下測試此頁面.
另外, 佢哋都得到圖像尺寸嘅選項 25%, 50%, 75%, 100% 或設定的寬度和高度.
上面嘅圖像恰好係 中心.
本段嘅其餘部分係填充物,以便睇到文本圍繞150×150 圖像, 噉係 左對正.
正如你所睇到嘅應該係上面嘅一些空間, 下面, 同圖像嘅右側. 文本不應在圖像上爬行. 爬行係唔啱嘅. 圖像都需要呼吸空間. 畀佢哋好似你講嘅一樣講話. 畀佢哋做佢哋嘅工作,冇任何麻煩嘅文本. 喺呢度再多一句说话, 我哋將#8217看到文本在无缝转换中从图像右侧向下移动到图像下方. 再次, 讓這樣做,#8217唐. 任務完成!
而家為 巨大嘅圖像. 它也有 無對正.
上圖, 雖然1200px寬, 不應溢出內容區域. 它應保持包含狀態,唔會對內容流造成明顯干擾.
現時,我哋#8217,我哋將將事情轉移到 右對正. 再次, 上面應該有足夠的空間, 下面, 同圖像嘅左側. 睇下佢... 嘿友! 搖滾右側嘅方式. 我不在乎左對正圖像講乜#8217, 你睇嚟好正. #8217唔好畀人以不同的方式告訴你.
喺呢度只係少少, 你應該睇到文本開始包裝喺右對正嘅圖像下面,並好好地解決. 應該仍然有足夠的空間,一切都應該坐喺靚. 係... 就好似咁. 做啱嘅事從來冇感覺咁好過.
就在你以為我哋完了的時候, 我們#8217,我哋會用字幕再做一遍!
上面嘅圖像恰好係 中心. 標題中仲有一個連結, 只係為咗看看它是否做任何事情摩登.
本段嘅其餘部分係填充物,以便睇到文本圍繞150×150 圖像, 噉係 左對正.
正如你所睇到嘅應該係上面嘅一些空間, 下面, 同圖像嘅右側. 文本不應在圖像上爬行. 爬行係唔啱嘅. 圖像都需要呼吸空間. 畀佢哋好似你講嘅一樣講話. 畀佢哋做佢哋嘅工作,冇任何麻煩嘅文本. 喺呢度再多一句说话, 我哋將#8217看到文本在无缝转换中从图像右侧向下移动到图像下方. 再次, 讓這樣做,#8217唐. 任務完成!
而家為 巨大嘅圖像. 它也有 無對正.
上圖, 雖然1200px寬, 不應溢出內容區域. 它應保持包含狀態,唔會對內容流造成明顯干擾.
現時,我哋#8217,我哋將將事情轉移到 右對正. 再次, 上面應該有足夠的空間, 下面, 同圖像嘅左側. 睇下佢... 嘿友! 搖滾右側嘅方式. 我不在乎左對正圖像講乜#8217, 你睇嚟好正. #8217唔好畀人以不同的方式告訴你.
喺呢度只係少少, 你應該睇到文本開始包裝喺右對正嘅圖像下面,並好好地解決. 應該仍然有足夠的空間,一切都應該坐喺靚. 係... 就好似咁. 做啱嘅事從來冇感覺咁好過.
想象一下,我哋會搵到一個使用超寬嘅圖像! 此圖像具有 寬寬度 對準:
我哋可唔可以做大啲啊? 此圖像具有 全寬度 對準:
那#8217係個包裹, 喲! 你喺動盪嘅對正水域中倖存落嚟. 已解鎖圖像對正成就! 最後一件事: 此後#8217內容中嘅最後一個項目係嚮右浮動嘅縮略圖. 確保內容正確清除後嘅任何元素.