搜課網 > 千鋒教育 > 資訊總匯 > 青島Web前端開發培訓機構有哪些
咨詢熱線:15538202126

青島Web前端開發培訓機構有哪些

發布機構:千鋒教育 時間:2021-08-16 點擊:74

千鋒以就業需求為導向,升級了基礎課、專業課、項目課、企業課、就業課及職后課六位一體的六維全息課程體系,覆蓋了學員從試聽到實習、就業、職后成長的全學習周期,最大程度賦能廣大學員,在以人為本的教育理念下,千鋒自成立以來就堅持著高品質全程面授,嚴管大愛,全方位督促、跟蹤每一位學員的學習進度,確保每一位學員高質量完成學業,順利就業

青島Web前端開發培訓機構有哪些

如何使用css讓圖片垂直居中?flex方法和display方法介紹

flex方法首先給圖片添加一個div,設置其寬高及基本屬性,其次把div中的display元素設置成flex,最后給img添加align-items:center屬性,代碼如下:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style tpye="text/css"> body{ background:#000 } div{ width: 900px; height: 800px; background:deeppink; display: flex; align-items: center; } div img{ width: 579px; height: 282px; align-items: center; } </style></head><body><div> <img src="html.png" alt=""></div></body></html>

it培訓學校

看下效果

it培訓學校

display方法首先創建一個div,以及對有圖片的div設置樣式,給img的父級添加一個diaplay,并且屬性為table,并且把包含圖片的div中的display屬性設置成table-cell,最后給有圖片的div設置成vertical-align: middle; 屬性,代碼如下:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style tpye="text/css"> body{ background: #bbb; } div{ display: table; width: 900px; height: 700px; background: #f3f3f3; display: table-cell; vertical-align: middle; } div img{ width: 282px; } </style></head><body><div> <img src="html.png" alt=""></div></body></html>

效果圖:猜你喜歡:

HTML中img圖片標簽的用法?

it培訓學校

H5教程:HTML5+CSS3視頻教程

web前端培訓課程

青島Web前端開發培訓機構有哪些

千鋒教育隸屬于北京千鋒互聯科技有限公司,以“初心至善,匠心育人”為核心價值觀,致力于打造職業教育全產業鏈人才服務平臺,公司總部位于北京,目前已在深圳、上海、廣州、鄭州、大連、武漢、成都、西安、杭州、青島、重慶、長沙、哈爾濱、南京、太原、沈陽、合肥成立分公司,業務范圍覆蓋以大學生就業培訓、職后技能培訓與企業內訓培訓為主的立體化教育培訓產業鏈。 千鋒教育面授課程包含HTML5大前端培訓、JavaEE+分布式開發培訓、Python人工智能+數據分析培訓、全鏈路UI/UE設計培訓、云計算培訓、全棧軟件測試培訓、大數據+人工智能培訓、智能物聯網+嵌入式培訓、Unity游戲開發培訓、Go語言開發培訓、網絡安全培訓、互聯網營銷培訓,采用全程面授高品質、高體驗培養模式。

詳情請進入 千鋒教育 專注:青島Web前端開發培訓機構有哪些 微信:15538202126 在線咨詢

返回頂部