img元素的聯用

2022-06-09 15:36:12 字數 1624 閱讀 8696

img元素的常用屬性:

最簡單的聯動:

和a元素聯用(直接用a標籤套)

如何進行測量呢? 可以用ps pxcook 等工具。 本人用的截圖工具,有點測量不准,是因為 我們膝上型電腦預設都是125%的縮放導致的

以下為測量圓心和圓的半徑。(注意,座標都需要從的左上角開始)

src="./img/無標題.png"

alt=""

>

<

map

name

="demo"

>

<

area

shape

="circle"

coords

="360, 276, 65"

href

="">

<

area

shape

="rect"

coords

="812, 241, 1070, 323"

href

="">

<

area

shape

="poly"

coords

=""href

=""alt

="">

map>

和figure元素聯用(只需要把和描述文字套在figure元素內即可)  標題使用figcaption元素進行包裹

上海盧浦大橋是當今世界第一鋼結構拱橋,是世界上跨度最大的拱形橋。它也是世界上首座完全採用焊接工藝連線的大型拱橋(除合攏介面採用栓接外),現場焊接焊縫總長度達4萬多公尺,接近上海市內環高架路的總長度。盧浦大橋像澳大利亞雪梨的海灣大橋一樣具有旅遊觀光的功能。

p>

<

figure

>

<

h2>黃浦江上的的盧浦大橋

img元素下有空白

在做專案裡乙個頁面的時候,要在頁面底部放一張長條的,我就直接放了個在最下面,為其設定了 width 100 ftp 到伺服器上去之後,以後就完工了,結果開啟手機一看,下面有一條白邊!各種嘗試 比如外面套個 div 之類 無果,就上網查了下。正好 segmentfault 裡有乙個類似的問題 為什麼 ...

xdebug及webgrind的聯用

參考url 記得phpize configure enable xdebug with php config usr bin php config zend extension usr lib64 php modules xdebug.so 注意修改路徑 lib64 lib32等 xdebug.pr...

xdebug及webgrind的聯用

記得phpize configure enable xdebug with php config usr bin php config zend extension usr lib64 php modules xdebug.so 注意修改路徑 lib64 lib32等 xdebug.profiler...