html 段落定位,css怎么定位文字?

css怎么定位文字?下面本篇文章就来给大家介绍一下使用CSS定位文字的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

225392c8d63ecda85ec4a5b9f6459437.png

在CSS中,可以使用position属性来定位文字;position属性规定元素的定位类型。

position属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

属性值:absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative:生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

示例:

p.one {

position: fixed;

left: 5px;

top: 5px;

}

p.two {

position: fixed;

top: 30px;

right: 5px;

}

一些文本。

更多的文本。

效果图:

420fa9019ca0ab3b0c2a3f53116457ac.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值