css网页设计中怎样让文本框变长

作者&投稿:宜贾 (若有异议请与网页底部的电邮联系)
请问怎么设计CSS使页面上的按钮长度都和最长的按钮一样长同时字居中??~

按钮分好几种,但实现的方法是一样的。
例如:
你只需要在你的CSS中定义:
input{width:长度px;}统一按钮的长度
但这样做有一个弊端,输入框也是input,只是type,也就是类型不同。也会变的那么长,所以你可以写一个class解决
.longth{width:长度px;}

应用起来就是:
加在哪里,就应用了长度

至于文字在按钮中不居中我倒是没遇到过,不过如果有这种情况,就在
.longth{width:长度px;text-align:center;}加入text-align:center使文字居中

你好,首先确认你的class与css的样式是正确的,如果不行的话,那么就直接在文本框上,直接输入style="width,height"吧

1、首先打开Hbuilder编辑器软件,新建一个html文件,html文件中写入两个textarea文本框,并且给第二个文本设置一个class属性。

2、然后先给第一个文本框添加rows和cols属性,它们分别用来控制文本框的行数和列数,设置这两个属性就能改变文本框的高和宽;同时给第二个textarea设置class属性,在上方的style标签中设置width宽度和height高度即可,这种办法可以精确到像素级,所以比较常用。

3、最后打开浏览器,就可以看到设置的两个不同宽度的文本框效果了。



<input name="text" type="text" maxlength="14" style="width:200px; height:25px"/>

maxlength="14" 限制文本框输入的字数
width:200px 宽度/长度,数值越大就越长越宽
height:25px 高度,数值越大越高

给input加一个class或者id,然后在css里给这个clss一个宽度就可以了,想多长自己写
例:
css:
.calssname{width:180px;}

html:
<input tyep="text" class="classname" />

怎样使网页设计中的css盒子内容居中?
答:网页设计中的css盒子内容居中,你可以先写2个div,第一个包裹着第二个,然后在设置第一个的宽高,在通过margin:0 auto;居中就行,margin的意思就是距离浏览器的外边距,如图:这里我写段代码: 网页居中 div1{ widrh:960px;height:700px;mrgin:0 auto;} div2{ widrh:660px;height:300px...

在HTML中如何把注册时设计的各个输入文本框对齐啊?
答:文字 文字 文字 文字 这样肯定是齐的 ...text 框的大小可以通过 css 定义 ...<textarea style="width:100px;height:100px"></textarea>

网页设计中,怎么用CSS让不同行的字显示在一行,例如图所示,上面怎么变成...
答:可以通过浮动来设置,让不同行的两行一个左浮动,一个右浮动,这样,它们就显示在一行了。还有一种方法是所有元素都左浮动,然后指定宽度,让宽度正好是两列的值,那么到两行的时候,它会自动折行。通过决定定位,分别对没一行文字进行绝对定位,因为是绝对定位,所以可以指定它们到任意位置。position:...

网页设计中文本排版的技巧和细节
答:网站的核心是内容,用户访问网站最重要的目的就是要看网站的正文,所以,网页的文本排版非常重要。网页的文本排版并不是仅仅在CSS里设置个字体大小那么简单的,想要有好的排版,对细节要下一番功夫才行。步骤/方法 字体大小与行距 在早期的网页设计中,设计师为了追求中文字体的最佳视觉效果,经常使用12px...

Dreamweaver如何创建类CSS样式
答:01 打开素材文件,在【CSS设计器】面板中单击【选择器】窗口的【添加选择器】按钮,在文本框中输入“font01”.02 在【属性】窗口中单击【文本】按钮,对【color】、【font-family】、【line-weight】选项进行参数设置.03 返回到页面中,选择需要应用该类CSS样式的文字,在【属性】面板中的【类】下拉列表...

关于网页设计中css的排版问题
答:1、height:1px;overflow:hidden;2、height:1px;font-size:0;第一种方法比较实用,第二种方法,有的浏览器解析的高度还会超出1像素。

DIV+CSS设计网页布局时,如何将菜单导航部分背景自适应屏幕宽度,而让...
答:这是由两个div来实现的,首先建立一个外层div并设置宽高,要使宽度随屏幕宽度变化(即浏览器宽度变化),那么宽度就得设置100%,高度设置为你需要的高度即可,具体属性为 width:100%;height:你自己的高度;background:你需要的颜色; 这样就让该div随屏幕(浏览器)宽度变化而变化了。然后在这个div里面再...

求助,css网页设计,怎么解决如图网页周围有小边框问题,就是整个页面不能...
答:在制件网页之前,第一步就是要把一些标签的自带属性给清空,你这种情况是没有清空样式才出现自带属性,简单的点就是*{padding:0; margin:0},

网页设计 CSS 求答
答:<!doctype html>例子.big {width: 500px;height: 250px;position: relative;margin: 50px;border: 2px solid black;}.small {width: 200px;position: absolute;right: 0;top: 50px;}.small .con {border: 2px solid black;border-right: none;width: 100%;height: 100px;}.btn {backgroun...

网页设计模板-如何制作网页模板
答:在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存 3.更新站点中使用模板的所有文件 Modify菜单-Templates-UpdatePages 如何制作网页模板 首先你要明白网页制作的流程:1、网页设计师(主要是用PS)先将网页设计出来。2、进行网页制作,就是切片,div+css布局,将图片变成...