css如何使整个div中的整段文字右移

我在div中设置了三段文字,并且设置好了这三段文字的首行缩进,请问如何才能是这三段文字一起右移几个单位。... 我在div中设置了三段文字,并且设置好了这三段文字的首行缩进,请问如何才能是这三段文字一起右移几个单位。 展开
 我来答
刺友互
高粉答主

2019-06-19 · 每个回答都超有意思的
知道答主
回答量:3979
采纳率:100%
帮助的人:71.3万
展开全部

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 · 说的都是干货,快来关注
知道答主
回答量:631
采纳率:0%
帮助的人:29.3万
展开全部

1、设置padding属性就可以移动文字,具体方法首先需要新建一个html文件,在里面使用div标签设置三段文字,给最后一个P标签添加一个class属性:

2、然后设置div标签的样式,设置首行缩进2字符,字体颜色,字体大小等属性,再设置最后的class属性的padding值,这里4段数字分别代表上、左、下、右的间距,设置好后打开浏览器:

3、在浏览器中可以看到最后一行的文字相比前两段要向右偏一点,至此就把div标签里的文字整体右移了:

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
愿宁呀
2019-07-10 · TA获得超过1.3万个赞
知道答主
回答量:442
采纳率:0%
帮助的人:7.7万
展开全部

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}

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
从前有个T
推荐于2017-09-09 · TA获得超过5345个赞
知道小有建树答主
回答量:685
采纳率:0%
帮助的人:763万
展开全部
定义一下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文件里面也可以的,我想你应该知道怎么做的,就不详细说明了~~
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
泡沫__opt
推荐于2018-04-08 · 超过14用户采纳过TA的回答
知道答主
回答量:54
采纳率:0%
帮助的人:38.7万
展开全部
可以在 CSS规则定义/区块/文本对齐&文字缩进 中设置……
也可以写代码:
<style type="text/css">
<!--
#a {
text-align: left; //对齐方式
text-indent: 2px; //文字缩进(单位有 像素、厘米、毫米等……)
}
-->
</style>
希望对你有用……
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式