css文字固定位置不变的实现方法

本教程操作环境:Windows10系统、css3版,该方法适用于所有品牌电脑。

css让文字放在固定的位置:

  1、通过position的绝对定位,然后在通过left和top就可以设置你的图片位置了;

  代码如下:

<div style='position:absolut; left:0px; top:0px'>
<p>我是固定位置的测试文字</p>
</div>

  2、通过div+css的布局来实现给定一个包裹图片的div默认位置就行;

  代码如下:

<div>
 
<div style='flaot:left; width:330px; height:200px;'>
<p>我是左边的固定测试文字</p>
 
</div>
 
<div style='flaot:left; width:330px; height:200px;'>
<<p>我是右边的固定测试文字</p> </div>
</div>

以上就是css文字固定位置不变的实现方法的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

1/1