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

Posted 2023-03-28

呢？
一楼的同志，，，
我是用struts2做的标签，所以，想用css设置，你要是不会css就别捣乱

二楼朋友，struts2标签里不能写style，请问分开怎么写呢？绝对是可以分开写的吧。

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

如：

<style type="text/css">

.text1width:100px; height: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

   

参考技术A 首先知道不管是给div还是其他的input啊textarea元素设定宽高都是使用width和height，那么我们就可以这么做：

1、先给文本框添加个class类名【inputW】，
2、引用的css文件中写入类规则width和height
<input class="inputW" type="text" name="name" value="" />

css:
.inputW width:150px;/*设定宽度*/ height:32px;/*设置高度*/ line-height:32px;
这样就可以了 参考技术B <input type="text" style="width:100px; height:20px" />
style=""换成styleId="";
如果没有可以加styleClass=""这个就相当于class="" 参考技术C 你可以给标签家个id或class; 样式不就可以分开了?
如;
<style type="text/css">
.text1width:100px; height:20px
</style>
<input type="text" class="text1" />

不知道你说的是不是这意思....本回答被提问者采纳 参考技术D 建议你多看看html标签的书

使用js如何设置获取盒模型的宽和高

第一种：

dom.style.width/height

这种方法只能获取使用内联样式的元素的宽和高。

 

第二种：

dom.currentStyle.width/height

这种方法获取的是浏览器渲染以后的元素的宽和高，无论是用何种方式引入的css样式都可以，但只有IE浏览器支持这种写法。

 

第三种：

window.getComputedStyle(dom).width/height

这种方法获取的也是浏览器渲染以后的元素的宽和高，但这种写法兼容性更好一些。

 

第四种：

dom.getBoundingClientRect().width/height

这种方法经常使用的场所是，计算一个元素的绝对位置（相对于视窗左上角），它能拿到元素的left、top、width、height 4个属性。