欧美乱伦图片区,国产日韩欧美一区二区三区四区五区,欧美性色爽,乱伦小说网站免费观看视频,啊用力啊好深啊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
明星| 左贡县| 会昌县| 固阳县| 綦江县| 五大连池市| 凤山市| 锡林郭勒盟| 江阴市| 丰城市| 古丈县| 德钦县| 尉犁县| 开江县| 邵阳县| 佳木斯市| 景宁| 泾阳县| 古田县| 砀山县| 那曲县| 安徽省| 伊吾县| 札达县| 和平县| 油尖旺区| 清徐县| 密云县| 怀远县| 南涧| 松原市| 酒泉市| 高碑店市| 嘉定区| 博爱县| 繁昌县| 永胜县| 疏勒县| 巴彦淖尔市| 秦安县| 清水县|