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

如题所述

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>

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2019-09-30

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 及其选项不会被显示出来,它仅仅是合法的输入值列表。

本回答被网友采纳
第2个回答  推荐于2019-11-05

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

1、padding内边距:

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

代码:

效果:

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

2、margin外边距:

代码:

效果:

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

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

代码:

效果:

本回答被网友采纳
第3个回答  推荐于2019-11-08

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

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

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

我这里输入的是居中

大功告成

2. align的相关属性

left    左对齐内容。    

right    右对齐内容。    

center    居中对齐内容。    

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

本回答被网友采纳
第4个回答  推荐于2017-09-02
text-align:center
或者left和right

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

left 和 top 是设置距离页面左上角的距离本回答被提问者采纳