1、打开sublime text3,并且新建一个html文档和一个css文档。2、把最基本的html框架写出来。3、在html的head部分写上编码字符集并引入css文件。4、在html的body里面写一个div,打上文字并设置一个class名。5、在浏览器中打开,查看现在的效果。6、我们直接在选择的div的class名里面加一个“margin: 0...
css如何使整个div中的整段文字右移
1.给div加内边距padding
2.如果文字是p段落的话给p加margin外边距
3.相对定位2013-04-30
1、打开sublime text3,并且新建一个html文档和一个css文档。
2、把最基本的html框架写出来。
3、在html的head部分写上编码字符集并引入css文件。
4、在html的body里面写一个div,打上文字并设置一个class名。
5、在浏览器中打开,查看现在的效果。
6、我们直接在选择的div的class名里面加一个“margin: 0 auto;”属性保存。
2019-06-19
1、设置padding属性就可以移动文字,具体方法首先需要新建一个html文件,在里面使用div标签设置三段文字,给最后一个P标签添加一个class属性:
2、然后设置div标签的样式,设置首行缩进2字符,字体颜色,字体大小等属性,再设置最后的class属性的padding值,这里4段数字分别代表上、左、下、右的间距,设置好后打开浏览器:
3、在浏览器中可以看到最后一行的文字相比前两段要向右偏一点,至此就把div标签里的文字整体右移了:
2019-06-19
1、为设置div靠右移动一点前代码:
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>div向右移一定距离实例
www.thinkcss.com</title><style>.box-a,.box-b{width:200px;height:100px; float:left}.box-a{ border:1px solid #00F}.box-b{ border:1px solid #F00}</style></head><body><div class="box-a">第一个(前者)div</div><div class="box-b">第二个(后者)div</div></body></html>
2、操作设置第二个div左外边距离样式
关键CSS代码:
.box-a,.box-b{width:200px;height:100px; float:left}.box-a{ border:1px solid #00F}.box-b{ border:1px solid #F00; margin-left:20px}
3、使用margin-right就不能对需要向右移div设置,而是对前者(蓝色div)设置即可,实现红色div右移一定距离。CSS代码:
.box-a,.box-b{width:200px;height:100px; float:left}.box-a{ border:1px solid #00F;margin-right:20px}.box-b{ border:1px solid #F00}
2019-07-10
定义一下padding-left的值就可以了,例如下面这样:
<div style="padding-left:24px;">
<p>文字文字文字~~</p>
<p>文字文字文字~~</p>
<p>文字文字文字~~</p>
</div>
不过这样的副作用是div里面的其他元素也会向右偏移。所以也可以把padding定义在段落里面,例如<p style="padding-left:24px;">文字文字文字~~</p>
这是直接把CSS写在html里面的作法,把它写在CSS文件里面也可以的,我想你应该知道怎么做的,就不详细说明了~~2013-05-01
可以在 CSS规则定义/区块/文本对齐&文字缩进 中设置……
也可以写代码:
<style type="text/css">
<!--
#a {
text-align: left; //对齐方式
text-indent: 2px; //文字缩进(单位有 像素、厘米、毫米等……)
}
-->
</style>
希望对你有用……2013-04-30