在html中怎样定义文字的位置

 我来答
搞怪一乐
高粉答主

推荐于2019-09-02 · 醉心答题,欢迎关注
知道小有建树答主
回答量:477
采纳率:100%
帮助的人:14.5万
展开全部

1、padding内边距:

例如:将div容器中的文字内容放在距离容器的左侧边框的20px,顶部边框的100px的位置。

注意:在容器里使用了padding的话,会改变容器的大小,所以在写代码之前要先计算好容器的大小及padding。

代码:

2、margin外边距:

代码:

3、绝对定位position:absolute; top:50px;  left:20px;   

让文字内容相对div容器绝对定位,需要对div容器设置:position:relative;

代码:

扩展资料:

html调整文字位置:

<p style="text-align:left">居左</p>

<p style="text-align:right">居右</p>

<p style="text-align:center">剧中</p>

<p style=" padding:10px 5px 5px 20px; border:#000 solid 1px; height:300px; width:300px;">padding:上 右 下 左;</p>

大野瘦子
高粉答主

推荐于2019-09-30 · 繁杂信息太多,你要学会辨别
知道小有建树答主
回答量:1227
采纳率:100%
帮助的人:31.8万
展开全部

ext-align:center

或者left和right

想随意放哪里就<div style="left: 100px; position: absolute; top: 100px;">问字</div>

注:left 和 top 是设置距离页面左上角的距离。

扩展资料:

HTML文字设置

1、文字排版方向可选属性

ltr、rtl文字的方向,rtl表示从右向左书写。    

2、关键字和产品名称<b></b>

<b>标签包裹的部分比其余部分更重要,呈现为粗体。以下场景可以使用b标签:文档的摘要中的关键字;产品描述中的产品名;其他文本在需要加粗显示的情况下。

根据H5规范,再没有其他更合适的标签时,才把b作为最后的选项。H5声明用h1到h6表示标题,em表示要强调的文本,strong来表示重要文本,mark表示标注的、突出显示的文本。

3、使用下拉列表<datalist>

<datalist> 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
霁月纷纷
推荐于2019-11-05 · TA获得超过1.4万个赞
知道答主
回答量:167
采纳率:0%
帮助的人:6.7万
展开全部

html中怎样定义文字的位置的方法:

1、padding内边距:

例如:将div容器中的文字内容放在距离容器的左侧边框的20px,顶部边框的100px的位置。

代码:

效果:

不过,在容器里使用了padding的话,会改变容器的大小,所以在写代码之前要先计算好容器的大小及padding。

2、margin外边距:

代码:

效果:

3、绝对定位position:absolute; top:50px;  left:20px;   

让文字内容相对div容器绝对定位,需要对div容器设置:position:relative;

代码:

效果:

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友59a3ce1
推荐于2019-11-08 · TA获得超过312个赞
知道答主
回答量:6
采纳率:100%
帮助的人:1885
展开全部

1. 在html中定义文字的位置:

html标签中存在align属性,使用align属性可以定义位置

输入需要的属性值即可自定义位置

我这里输入的是居中

大功告成

2. align的相关属性

left    左对齐内容。    

right    右对齐内容。    

center    居中对齐内容。    

justify    对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。  

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
蔷薇恋花语0hG
推荐于2017-09-02 · TA获得超过810个赞
知道小有建树答主
回答量:261
采纳率:0%
帮助的人:240万
展开全部
text-align:center
或者left和right

想随意放哪里就<div style="left: 100px; position: absolute; top: 100px;">问字</div>

left 和 top 是设置距离页面左上角的距离
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式