国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css怎么設(shè)置按鈕居中顯示圖片,CSS設(shè)置按鈕居中顯示圖片的方法

前端小編 8 0

CSS中設(shè)置按鈕居中顯示圖片,可以通過以下步驟實(shí)現(xiàn):

1、創(chuàng)建一個(gè)包含圖片和文本的按鈕元素,可以使用HTML中的<button><div>元素來創(chuàng)建按鈕,并在其中添加圖片和文本。

<button>
  <img src="path/to/image.png" alt="圖片描述">
  按鈕文本
</button>

2、使用CSS來設(shè)置按鈕的樣式,將按鈕的寬度和高度設(shè)置為適當(dāng)?shù)闹担员銏D片和文本能夠居中顯示,使用line-height屬性來調(diào)整文本的行高,使其與圖片垂直居中。

button {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}

3、使用CSS的position屬性來將按鈕居中顯示在頁面中,可以通過設(shè)置position: absolute;并將topleft屬性設(shè)置為50%來實(shí)現(xiàn),使用transform屬性來將按鈕向上和向左移動(dòng),以便其居中顯示。

button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

通過以上步驟,就可以使用CSS來設(shè)置按鈕居中顯示圖片了。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
黑人玩弄邻居丰满人妻| 99在线视频精品| 亚洲美女高潮久久久| 久久精品国产亚洲av成人擦边| 亚洲精品久久久久久电影| 国产伦精品一区二区三区的特点是什么| 欧美成人精品一区二区男人小说| 99热这里只有精品在线观看| 精品国产AV 无码一区二区三区| 国产AV一区二区三区传媒| 亚洲国产精品免费| 精品午夜久久久| 日产国产精品亚洲系列的特点| 99久久国产精品免费 | 肉色丝袜脚交一区二区三区免费看| 午夜久久久久久久久久影院| 午夜精品一区二区三区免费视频| 精品一区二区三区18| 日韩精品一区不卡| 一家乱战1-13集| 国语对白一区二区三区| jizz18在线观看| 欧美性猛烈xxxx极品少妇| 亚洲欧美日韩久久精品| 成人免费播放视频| 国内精品久久久久久久久久久久| 久久午夜精品| 亚洲国产精品免费| 国产婷婷一区二区| 国产精品美女无套高潮在线播放 | 日韩一区二区三区av| 又野性又撩人的情侣网名| 91精品久久久久久久久久久3uu| 中国少妇人妻xxxxx20| 国产精品一区二区在线视频| 国产日产一区二区三区四区五区| 欧美日韩精品国产| 免费又猛又爽又黄的毛片| 久久久久久国产精品999| 少妇人妻一区| 农村黄a三级三级三级|