1、使用text横align属性可以控制，使得文字靠右。
2、使用text横align属性可以控制，使得文字靠右。
3、在文本对齐的方式中我们可以使用HTML中标签中的属性align，完成对齐方式。想要让文字在底部，需要用到 position:fixed;
bottom:0px;
left:0px;
想要让文字居中，需要用到 text-align:center;
示例的截图
示例的代码
<!doctype
html>
<html>
<head>
<meta
charset="utf-8">
<title>文字底部居中</title>
<style>
{margin:0px;
padding:0px;}
/这行是为了清除代码默认的样式，不用拷贝/
botCenter{width:100%;
height:35px;
line-height:35px;
background:#ccc;
position:fixed;
bottom:0px;
left:0px;
font-size:14px;
color:#000;
text-align:center;}
</style>
</head>
<body>
<div
class="botCenter">就是一个在底部显示的文字</div>
</body>
</html>
1、在div里面书写了一些文字，然后想要在放入一张。
2、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。
3、然后通过background给div添加一张作为它的背景。
4、通过url()来连接，url里面放置的就是背景的路径。
5、放一张用作背景，注意，路径要写对。
6、保存之后文字就会覆盖在的上面了，而如果使用img标签，则没有这种效果。
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>
可以用“text-align”属性控制du文字的位置，“center”属性值让文字居中显示。
1、新建html文档，在body标签中添加一个div标签，在div标签中添加p标签，这时文字将会在div标签中靠左显示：
2、为div标签设置“text-align”属性，属性值为“center”，这时文本将会居中显示：
3、想让文本靠右显示，可以为“text-align”属性设置“right”属性值，这时文本将会靠右显示：
所有的标签都可以绝对定位的，比如<font style='position:absolute;left:10;top:10'>passer_mworld</font>
如果要在某个域里定位，就把上面的放在这个域的标签里
<div style='width:400;height:400'><img style='position:absolute;left:0;top:0' src='1jpg' width=400 height=400><font style='position:absolute;left:280;top:360'>passer_mworld</font></div>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）