如何用css 控制文字的精确位置？还有其他控件的位置？

html-css018

如何用css 控制文字的精确位置？还有其他控件的位置？,第1张

控制字体位置可以用padding margin text-indent 单位可以是px em % (em是根据你设置的字体大小设定的，假如你设置字体为12px，那么2em就是24px。 %是根据父容器的宽度或高度决定的。)

不一定，有些布局简单的，可以直接写，不需要嵌入DIV里。在CSS里直接定义它的样式好了。如果想实现复杂的效果，还是嵌在DIV里比较好控制。

归根到底还是你的布局和样式有问题

<form action="">

<table cellpadding="0" cellspacing="0">

<tr>

<th>用户名:</th>

<td><input type="text" value="" name="" class="input01"></td>

</tr>

</table>

</form>

然后在用样式去控制

table ｛width:100%｝

table th {width:30%border: solid 1px #ccc}

table td {width:70%border: solid 1px #ccc}

table td .input01 {width:200px}

css居中的方法有几种：

第一种给父级元素加 text-align:center这种是针对于文本或者行内元素比如图片呀链接的居中

第二种：给子元素设置一个宽高，然后设置margin:0 auto

举例：div{ width:100px height:100pxmargin : 0 auto}

第三种：先给父级元素加position:relative再给子元素加position: absolute

举例：父级{ position:relative}

子级{position: absolutewidth:100px height:100pxleft:50px top:50px}