<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{ margin: 0; padding: 0;}
#box,#boxs{
margin:0;
padding: 0;
width: 30%;
color: #fff;
word-wrap:break-word;
background-color: #2e4dfe;
line-height: 25px;
font-size: 16px;
overflow: hidden;
font-family: "微軟雅黑";
margin-bottom: 20px;
}
</style>
</head>
<body>
<div id="box">最近因也想認(rèn)識認(rèn)識，學(xué)習(xí)學(xué)習(xí)，接觸接觸新詩造壮，于是就注冊了個中國詩歌網(wǎng)搀捷。打開每日好詩榜潜圃，心想，這應(yīng)該是代表著中國詩歌方向和潮流的最好的詩歌作品了。結(jié)果不免令人有些失望抑或叫做懊喪，居然連起碼的讀懂新詩都覺得越來越困難了疯特。因為每日好詩榜里的好多新詩根本就讀不懂</div>
<div id="boxs">最近因也想認(rèn)識認(rèn)識，學(xué)習(xí)學(xué)習(xí)肛走，接觸接觸新詩漓雅，于是就注冊了個中國詩歌網(wǎng)。打開每日好詩榜朽色，心想邻吞，這應(yīng)該是代表著中國詩歌方向和潮流的最好的詩歌作品了。結(jié)果不免令人有些失望抑或叫做懊喪纵搁，居然連起碼的讀懂新詩都覺得越來越困難了吃衅。因為每日好詩榜里的好多新詩根本就讀不懂</div>
<script>
var box = document.getElementById("box");
var boxs = document.getElementById("boxs");
var objArr = { //配置
box : box,
boxs : boxs
}
var example = (function(){
function autoHeight(obj){
for(x in obj){
obj[x].style.height = obj[x].offsetWidth + 'px';
}
}
function resize(obj){
window.onresize = function(){
autoHeight(obj);
}
}
function autoTitle(obj){
for(x in obj){
obj[x].title = obj[x].innerText || obj[x].textConetnt;
}
}
function adaptiveAltitude(obj){
autoTitle(obj);
autoHeight(obj);
resize(obj);
}
return {
adaptiveAltitude : adaptiveAltitude
}
})();
example.adaptiveAltitude(objArr);
</script>
</body>
</html>
【Javascript】多個div高度自適應(yīng)寬度
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門讯私，熙熙樓的掌柜王于貴愁眉苦臉地迎上來热押，“玉大人，你說我怎么就攤上這事斤寇⊥把ⅲ” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵娘锁，是天一觀的道長牙寞。 經(jīng)常有香客問我，道長，這世上最難降的妖魔是什么间雀？ 我笑而不...
- 正文 為了忘掉前任悔详，我火速辦了婚禮，結(jié)果婚禮上惹挟，老公的妹妹穿的比我還像新娘茄螃。我一直安慰自己，他們只是感情好连锯，可當(dāng)我...
- 文/花漫 我一把揭開白布责蝠。 她就那樣靜靜地躺著，像睡著了一般萎庭。 火紅的嫁衣襯著肌膚如雪霜医。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼镀梭，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了踱启？” 一聲冷哼從身側(cè)響起报账，我...
- 正文 年R本政府宣布孽拷，位于F島的核電站吨掌，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜膜宋，卻給世界環(huán)境...
- 文/蒙蒙 一窿侈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧秋茫，春花似錦史简、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至枢贿，卻和暖如春殉农，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背局荚。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 三種解法： css3彈性盒子(Flex Box)解法： CSS3 彈性盒（ Flexible Box 或 flex...
- //SizeForLabel.h@interface SizeForLabel : NSObject+(CGSiz...
- 我們可以使用float將div的寬度設(shè)為內(nèi)容自適應(yīng)==> 簡單點說瞬内，就是達(dá)到類似span的效果實例：實現(xiàn)圖片標(biāo)題居中：
- 1. 十一不忙虫蝶，好好宅 今年的十一有八天的長假，我和小哥哥卻窩在家里倦西，沒有出去玩兒能真。一是因為不想堵在路上，二是需要...
