在做株洲小巨蛋這個專案的時候遇到了很多技術上的問題,下面我把這些問題給總結下來。
1.多行文字如何垂直居中?
如果是單行,直接設定行高與父元素高度一樣即可
height: 300px;悲觀是瘟疫,樂觀是甘霖line-height: 300px;
但如果多行呢?這麼設定並不能使多行文字都垂直居中,反而容易使文字溢位。
悲觀是瘟疫,樂觀是甘霖;悲觀只能產生平庸,樂觀才能造就卓絕
那如何設定呢?這裡用到了兩個命令
display:table-cell(多行固定高度居中)
vertical-align: middle;即:
1doctype html
>
2<
html
>
3<
head
>
4<
meta
charset
="utf-8"
>
5<
title
>
title
>
6<
style
type
="text/css"
>
7.wrap
14style
>
15head
>
16<
body
>
17<
div
class
="wrap"
>悲觀是瘟疫,樂觀是甘霖;悲觀只能產生平庸,樂觀才能造就卓絕;悲觀是因為短視而看不清事物的本質,樂觀是因為卓視而對事物的深入了解;從卓絕的人那裡,我們不難發現樂觀的精神,從平庸的人那裡,我們很容易找到陰鬱的影子。
2.如何設定單側陰影
工作專案技術總結
工作專案技術總結 1 超融合部分 hyperplatform 1 openstock 基礎與原理 2 資料中心部分 data center platform 1 資料中心網路架構 2 資料中心安全策略 3 資料中心資料標準建設總結 4 統一身份認證總結 原理,介面 5 服務匯流排部分建設總結 ebs...
專案技術點總結
vue專案列表 pc端 工業雲官網 主要用的是element ui元件庫,有兩種引入方式 一種時候全域性引入,還有一種是cdn 引入。一 vue技術點 1 註冊登入頁面 a slot的運用 b vue一些屬性的運用,後端渲染的時候用v html c 表單驗證,引入vue validator,elem...
專案收穫小總結
提交時顯示到瀏覽器時設定字符集!request.setcharacterencoding 字符集 互相轉碼 xm urlencoder.encode xm,utf 8 xm urldecoder.decode xm,iso 8859 1 轉字元string yxdm new string reque...