当前位置：首页 → 问答吧 → input怎样让输入框字体大小和输入框的大小适合？

input怎样让输入框字体大小和输入框的大小适合？

时间：2011-10-04

来源：互联网

比如我将输入框高度设置的比默认的大后，输入的字体大小没变。我将字体设置为100%后，好像字体又大那么一点点。难道我要慢慢地试。这太慢了吧。加入我以后要不同的输入框大小。那怎么办？字体大小占输入框高度的比例是多少才最佳啊？

input{width:125px;
height:30px;
font-size:70%}

作者: shimachao 发布时间: 2011-10-04

HTML code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
.input{width:125px;height:30px;font-size:20px; line-height:30px;}
</style>
</head>

<body><input name="" type="text" class="input" value="蚂蚁学院,http://www.mayixueyuan.com" />
</body>
</html>

作者: bear63 发布时间: 2011-10-04

引用 1 楼 bear63 的回复:

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equ……

能告诉我比例吗？

作者: shimachao 发布时间: 2011-10-05

没有比例的，你多高，就自己调用差不多的字体大小。

目前Css还没有这么智能。。

作者: bear63 发布时间: 2011-10-05

原来如此，那设计很多输入框的时候不是很麻烦

作者: shimachao 发布时间: 2011-10-05