如果所示,問題:「首頁」和「閒置」文字部分位於table中部
解決方法:需要取消vertical-align:middle屬性,將其設定為vertical-align:top,並將文字的高度改為整個table的高度
改正後最終的實現效果為:
明顯可以看到"首頁"和"閒置"文字到了table頂部。
2.padding-left:距離左邊界
float :left向左浮動
font-size :設定字型大小
font-weight:字型粗細設定
設定為原型**寫為:
如圖所示,整個是用div巢狀table來完成的,table內部又包含文字和兩部分,讓和文字左對齊的方式是將的行數設定為兩行,文字部分則設定vertical-align:bottom即可,**如下所示:
4.盒子模型的各部分組成
區分padding-left和margin-left的區別簡單的說padding是內邊距,margin是外邊距
總結:第一次接觸靜態頁面,其中遇到了很多問題,還需要不斷摸索,不斷學習!
做京東頁面遇到的問題總結
1.1 京東階段 1.1.1 meta標籤 meta 標籤的作用是 搜尋引擎優化 1.1.2 京東專案目錄 實際開發中的標準目錄結構 1.1.3字型圖示 阿里巴巴向量圖示庫 使用字型圖示首先要引入css檔案 1.1.4定位問題 子絕不一定父相 只要父元素不是static 以外的 其他定位 子元素都會...
做SQL解析時遇到的問題
相對於算術表示式,json和xml等解析,sql就比較複雜了。舉個例子來說 符號 是目前的sqlanalyzer1.00中作為進入遞迴的標誌之一,到 結束,中間是個查詢語句。如果測試用例也是這樣,自然沒有問題,但是,sql是靈活的.首先,括號裡未必是子查詢,它可能是函式的一部分,比如count 這時...
使用thymeleaf做頁面渲染時的頁面快取
現在動靜分離很多,靜態頁面幾乎都還存在瀏覽器,這裡說的是用thymeleaf渲染前台資料時,後台直接把整個html頁面 快取到redis中,請求直接返回整個頁面 springwebcontext ctx new springwebcontext request,response,html thyme...