html如何调整文字位置?

html-css0185

html如何调整文字位置?,第1张

打开电脑,找到已经安装好的Dreamweaver,新建一个html页面,并保存到桌面上。

在html的编辑窗口,编辑元素,使其中显示若干文字。

为文字元素添加一定的对齐方式,让其居中对齐。

添加垂直对齐样式,line-height,将这一样式的大小设为文字外层元素的高度大小,这样便可正好垂直居中对齐了。

我们会用外边距margin调整标签在页面中的位置,但是在实际使用过程中,多个盒子可能会相互影响,导致调整的位置并不理想。

因此,我们可以通过调整标签的绝对位置来调整标签在页面中的位置,此时就可以避免其他盒子的干扰甚至盖在其他盒子上。

具体代码实现如下:

其中,position值有三种:

①static:无特殊定位,对象遵循html定位原则

②absolute:将对象从文档流中拖出,根据left、right、top、bottom属性值来进行绝对定位,对象可层叠

③relative:将对象根据left、right、top、bottom属性值进行定位,但不可层叠。