在較小的屏幕下展示一個超寬的圖片,如何讓圖片居中顯示?

1:背景圖

background-position:center center;

2:定位

position:absolute;

left:50%;

margin-left:-width的一半;

3:給圖片套一個盒子

這個盒子設置

text-align:center;

overflow:hidden;

圖片設置margin:0 -100%;

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • 1. tab列表折疊效果 html: 能源系統事業部 崗位名稱: 工作地點 崗位名...
    lilyping閱讀 1,897評論 0 1
  • 1、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素?現在,利用CSS3的Transform,...
    kiddings閱讀 3,199評論 0 11
  • 本書介紹 你是不是對Django的學習感到迷茫?是不是對網上零星的教程感到絕望?是不是苦于沒有可以迅速上手的實例而...
    阡陌3536閱讀 1,333評論 0 0
  • 多害怕自己會忘了天,這一刻的感覺。 今天和你見面了,那么多次的遇見 今天算是這一次見面 沒有想象中的那么尷尬 感覺...
    指甲花開閱讀 186評論 0 0