css设置form向下

html-css011

css设置form向下,第1张

如果您想让form元素向下对齐,您可以使用CSS的margin属性,例如:

cssCopy code

form {

margin-top: 50px

}

这样,您的form元素将会向下移动50像素。您可以通过修改数值来调整它的位置。

需要注意的是,您可能需要为form元素设置明确的宽度和高度,以便确定它的显示位置。可以使用如下代码:

cssCopy code

form {

width: 500px

height: 200px

margin-top: 50px

}

这样,form元素将会是一个宽度为500像素,高度为200像素的矩形,并且向下移动50像素。

CSS表单文本框的位置,首先我们需要看要求放置的位置,这里我们需要使用的是css的position的定位属性,一般是使用绝对定位,这里我们可以举个例子来体现:

<html>

<head>

<style>

input{

width:200px 

height:30px

position:absoulte

left:300px           //这里假定的值,具体应用需要测量

top:200px 

}

</style>

</head>

<body>

我的名字:<input type='text'>

</body>

</html>

方法1:

比较简单的方法是将文本放到一个容器中(div,span,a等等)然后给容器设置样式,通过控制容器的位置来达到控制字体位置。(margin-left:10px margin-top:15px);

方法2:

直接设置文本所在容器的样式,里面有个text-align属性,可以设置为text-align:left(centerrightjustifyinherit)这个方法控制度比较低,建议用第一种方法。

方法3:

加空格挤