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文字固定位置不变的实现方法的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑