第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

為什么在瀏覽器中運(yùn)行時(shí)我的網(wǎng)頁底部有空白?

為什么在瀏覽器中運(yùn)行時(shí)我的網(wǎng)頁底部有空白?

慕的地8271018 2024-01-11 10:37:37
我在Vs代碼中創(chuàng)建了一個(gè)網(wǎng)頁。然后我從google-font中選擇一種字體并將其鏈接嵌入HTML 的 head 標(biāo)簽中。然后在 CSS 中添加字體系列。它工作正常。當(dāng)我在實(shí)時(shí)服務(wù)器擴(kuò)展中測試網(wǎng)頁時(shí)。我注意到每當(dāng)我在 CSS 中寫一個(gè)字符時(shí),頁面 就會(huì)晃動(dòng)很大。當(dāng)我停止編寫代碼時(shí),震動(dòng)就會(huì)停止。在搖動(dòng)過程中,字體無緣無故地變得更大、更小、更暗等,盡管我沒有對字體做任何事情。這背后的問題是什么?如何停止這種晃動(dòng)?body{font-family: 'Girassol', cursive;font-size:25px;}<!DOCTYPE html><html>  <head>    <title>Dropdown Menu design</title>    <link      href="https://fonts.googleapis.com/css2?family=Girassol&display=swap"      rel="stylesheet"    />    <link rel="stylesheet" href="indexstyle.css" />    <script src="try.js"></script>  </head>  <body>    <p>      The University was established as compensation for the annulment of the      1905 Partition of Bengal. The partition had established East Bengal and      Assam as a separate province, with Dhaka as its capital. However, the      partition was abolished in 1911. In 1913, public opinion was solicited      before the university scheme was given its final shape, and the Secretary      of State approved it in December 1913.[1] The first vice-chancellor of the      university was Philip Joseph Hartog, who had been academic registrar of      the University of London for 17 years.[    </p>  </body></html>
查看完整描述

1 回答

?
互換的青春

TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊

是的,我觀察到底部出現(xiàn)空白。這是因?yàn)?body 標(biāo)簽內(nèi)的元素沒有占用完整的可用 body 大小。

https://img1.sycdn.imooc.com/659f54a80001013019151081.jpg

元素高度為 body- 722 header- 104 .showcase- 251 enter code here .info-bar- 201 .testimonials- ~71 footer- ~62


底部的空白區(qū)域是視口的剩余區(qū)域。如果你縮小瀏覽器,空白就會(huì)消失。


要解決此問題,您可以在正文中使用以下 css。


body {

font-family: Tahoma, Verdana, Segoe;

font-size: 15px;

line-height: 1.5;

padding: 0;

margin: 0;

background-color: #ffffff;

/* Add below lines*/

display: flex;

flex-direction: column;

align-items: stretch;

}


查看完整回答
反對 回復(fù) 2024-01-11
  • 1 回答
  • 0 關(guān)注
  • 297 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號