国产亚洲精品自拍,亚洲va在线va天堂va不卡下载,亚洲av中文无码字幕色本,国产精品久久国产精品},韩国激情一区二区无码在线},亚洲人成网站www

信息動態(tài)

網(wǎng)站設計是技術與創(chuàng)意的完美融合!

技術資訊

textarea和input一樣寬度 不同瀏覽器兼容方法

2013-01-15 23:26:31

一般情況下，textarea和input在IE下的寬度如果相同的話，那在其他瀏覽器下就會出現(xiàn)有長有短，這就讓青島網(wǎng)站設計中的表單效果美觀度降低。雖然這兩個表單元素十分常用，但由于其在各瀏覽器下表現(xiàn)略有不同，我們很難把握好寬度的設置，更別說寬度自適應100%啦。利用hack解決問題比較的不心安，通過下面方法可以很好的實現(xiàn)且跨瀏覽器兼容。用到兩個無意義的標簽實屬無奈了，暫時沒找到更好的解決辦法。

代碼如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>寬度自適應的input和textarea</title>
<style>
body { text-align:center;}
.wrap{padding:20px;width:600px;background-color:#000; margin:0 auto;}
.fluid-input{display:inline-block;width:100%;overflow:hidden;}
.fluid-input-inner{display:block;padding-right:10px;#zoom:1;}
.fluid-input .text, .fluid-input textarea{border:2px #ccc solid;padding:3px;width:100%;}
.fluid-input textarea{height:300px;}
</style>
</head>
<body>
<h2>寬度自適應的input和textarea</h2>
<div class="wrap">
 <div style=" width:100%; overflow:hidden;"><div style="margin-right:10px; *height:1%;"><input class="text" type="text" style="width:100%; padding:3px; border:2px solid #ccc;"></div></div>
 <div style=" width:100%; overflow:hidden;"><div style="margin-right:10px; *height:1%;"><textarea style="width:100%; padding:3px; border:2px solid #ccc; height:300px;"></textarea></div></div>
</div>
</body>
</html>

0532-85810878 473587358 掃碼添加微信

掃碼添加微信

 掃碼關注公眾號

官方公眾號

 2054585360
尚志市| 金溪县| 许昌县| 双鸭山市| 厦门市| 建阳市| 民乐县| 沙田区| 嵊泗县| 饶河县| 卢龙县| 房产| 洛川县| 塘沽区| 益阳市| 乌兰浩特市| 蕲春县| 高青县| 宁乡县| 黄陵县| 黔南| 特克斯县| 肇庆市| 长岭县| 山阳县| 称多县| 元阳县| 黑水县| 扬州市| 奇台县| 汨罗市| 望奎县| 韩城市| 仁寿县| 海淀区| 施秉县| 辽阳市| 南澳县| 嘉禾县| 磐石市| 成武县|