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

html-css091

如何用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

用 display:inline-block就可以了,如果你不想用 float 的话。

.current{display:inline-blockwidth:XXpxheight:XXpxbackground:url(img.jpg) no-repeat}

不过在IE6上,虽然能设置宽,高,但响应鼠标指针的焦点有问题,所以建议用 padding 设置。

.current{padding:6px 10pxbackground:url(img.jpg) no-repeat}

这个就不用设置宽,高了,因为用了 padding 把 .current 的区域扩大了,至于具体数据,你自己按你图片大小进行调整就好了。

css固定宽度使用width属性来定义即可,如下这个案例。

<div class="box">这是一个宽度为300px的div</div> .box{width:300pxheight:200pxborder:1px solid #333}

这样子class名为box的这个div宽度就固定在了300px。