如何用css设置文本框的宽和高?

html-css014

如何用css设置文本框的宽和高?,第1张

可以给标签家个id或class就可以调整文本框的宽和高。

如:

<style type="text/css">

.text1{width:100pxheight:20px}

</style>

<input type="text" class="text1" />

扩展资料:

在CSS中,使用text-align属性控制文本的水平方向的对齐方式:左对齐、居中对齐、右对齐。

该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值 justify;不同用户代理可能会得到不同的结果。

默认值:left if direction is ltr, and right if direction is rtl 

继承:yes 

版本:CSS1 

JavaScript 语法:object.style.textAlign="right" 

参考资料来源:百度百科-text-align

字体的大小是根据字体的高度来定的(而不是你自认为的对角线),等宽字体的半角字符(如英文字母、数字、符号等)的宽度是高度的一半,全角字符(如汉字)的宽度和高度则相等,而在比例字体(通常只有英文字体中才有比例字体,汉字都是等宽的)中,宽度则是不相等的(比如W的宽度就远大于i的宽度),但会以大写的M作为基准,M的宽和高是相等的。

行高=字符的高度+行间距

如果已设定font-size:12px,而line-height:16px,则行间距为16-12=4px