欧美乱伦图片区,国产日韩欧美一区二区三区四区五区,欧美性色爽,乱伦小说网站免费观看视频,啊用力啊好深啊H在线观看,男女做哎爱过程图片

信息動態(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
安仁县| 开平市| 上杭县| 崇信县| 溧水县| 白沙| 慈溪市| 兴海县| 进贤县| 钦州市| 香格里拉县| 金寨县| 郧西县| 松滋市| 康乐县| 准格尔旗| 新丰县| 长子县| 民丰县| 昆山市| 长治市| 古丈县| 长岭县| 新巴尔虎左旗| 罗山县| 衡水市| 鹤庆县| 德保县| 天等县| 阿瓦提县| 广昌县| 太保市| 邵武市| 苗栗市| 溧阳市| 泰兴市| 松溪县| 福鼎市| 依兰县| 灌阳县| 时尚|