textarea的不很好地回应填充
问题描述:
所以我试图对准一个textarea使用padding
属性div中:textarea的不很好地回应填充
#content {
background: #FFFFFF;
width: 80%;
height: 800px;
margin: 4em auto;
padding: 20px;
border-radius: 2px;
}
textarea {
width: 100%;
height: 790px;
}
但似乎双方都参差不齐即便如此:
我想知道如何解决这个问题,所以双方都是平等的?
红利问题:如何使文本框不滚动,如果文本数量超过框的大小?
答
在textarea上将border设置为'none'。 编辑 - 设置填充到0
textarea {
border: none; /*optional */
padding: 0;
height: 790px;
width: 100%;
}
删除滚动条添加溢出:隐藏
textarea {
border: none;
height: 790px;
overflow: hidden;
width: 100%;
}
答
确保您在添加任何样式之前总是重置。每个浏览器都有它自己的一组“默认值”,因此它可以使您的网站因浏览器而异(并添加不需要的间距,比如您的问题)。
检查此链接http://meyerweb.com/eric/tools/css/reset/
你可以把你的主要样式表的顶部或作为第一外部加载。
它保持不变:( – lawx 2013-04-29 23:49:39
嗯...只是意识到,只有在Firefox中工作。对不起!我会继续尝试 – 2013-04-29 23:57:07
谢谢!特别是对于奖金问题 – lawx 2013-04-29 23:58:28