已解決430363個問題，去搜搜看，總會有你想問的

css布局怎么做這樣的效果

關注

首頁猿問 css布局怎么做這樣的效果

JavaScript

夢里花落0921 2018-10-16 16:18:24

商品名稱里面，有時候是一行有時候是兩行。但是效果圖距離上面的位置是固定的~~這樣的效果是用定位來處理？還是判斷商品名稱的高度調整兩個標簽的margin？有沒有好的方案trick?

查看完整描述

1 回答

LEATH

TA貢獻1936條經驗獲得超7個贊

你是想要行高嗎？就是一行字也有上下間隔距離，兩行字同樣也有相同上下間隔？你給商品名稱的那個元素給個line-height:xxpx；試試吧

補充：我才看明白樓主的意思：你是說當只有一行的時候，那個框框也有兩行的高度對吧？那你就給那個框框設置一個固定高度啊（想要讓高度可控，你就給盒子加一個行高屬性，字體會居中，而且還好算盒子高度，比如你設置35px的行高，那么盒子就設置為70px（預留兩行的高度）），再設置

white-space:nowrap; 
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; overflow:hidden;

類似的字體溢出隱藏處理就是了啊

反對回復 2018-11-08

關注

舉報

0/150

提交

取消