乙個經過思考的頁面布局

2021-09-05 10:19:43 字數 990 閱讀 8126

頁面內容應有版權關係我就隨便拿一張圖和文字代替了

頁面要求:動態頁面,所有人物、文字介紹皆可從後台上傳

我的問題:

文字字數部分是沒有限制的,比如能力這個字段,如果它有5行,就說明它的文字需要圍繞布局,這就造成了文字展示的寬度會有兩種寬度,又因為是動態,不能寫死,能不能規範的布局,就看你的頁面夠不夠聰明

我的解決方法:

花花  cv:marse

性別:男  年紀:5歲  身高:30cm

身份:同事bella家的乙隻大胖貓*************

性格:粘人,性格偏內向。

能力:!#@¥#%¥……%&…………%%#%¥%#@#¥#@¥#%¥%。

人物簡介:年少時家道中落,轉而被我同事bella收養,當然同時收養的還有他的弟弟marse。啦啦啦啦啦

啦啦啦啦啦啦啦啦啦啊啦啦啦啦阿拉啦。

css**:

.introduce-content 

.person_info_part

p .person_name_cv

}.person_***_age_height

.person_identity_all

}.other_person }}

}}

js **:

fitheight()
原理:

沒啦沒啦。。。。如果有其他簡單的解決辦法,請執教。。。這種實在太麻煩啦,謝謝?

由乙個經典布局問題引發的思考

相信每個前端玩家在初學css的時候都遇到過這麼乙個問題 如何實現乙個三欄布局。假設高度已知,左欄右欄寬度各300px 中間自適應。看似很簡單的乙個問題,但這麼簡單的乙個問題,可以體現出乙個前端玩家的段位水平。初級玩家的回答 1.浮動 2.絕對定位。中級玩家的回答 1.浮動 2.絕對定位 3.flex...

乙個IT民工悲哀的辭職經過

記得前幾天剛剛看過京東的員工在試用期由於沒有加班而被辭退,看過之後還替他憤憤不平。而比他更悲劇的事情竟然今天發生在了我的身上。讓我給大家把自己親身經歷給大家說說,來此平息我心中的怒火。本人2012年5月7日入職於深圳一家水果遊戲公司 可能是蘋果呀橘子呀 再說點題外話,雖然來了短短三個月,但是當我把自...

乙個晚上的思考

本來晚上來實驗室打算寫 沒想到因為瀏覽乙個帖子而花費了乙個晚上。源於csdn社群的一篇帖子 帖子標題比較惹眼。樓主是名武大的研究生,方向是gis。從發帖看來,的確對c c 有很深的了解,不過也有片面的一些地方,當然要比我強n倍。他已經簽下了份網易的offer,工作地點 廣州,試用期5k。我一直在想自...