第一种方式便是将 image 作为背景图片，即：background-image:url(".......");
在此可以控制背景图片的横向和纵向的平铺：
background-repeat :　　不进行平铺
background-repeat : repeat-x;　　横向x轴进行平铺
background-repeat : repeat-y;　　横向y轴进行平铺
background-repeat :　　横向x轴与纵向y轴都进行平铺，这也是默认情况的状态
第二种方式是将img块与文字块放在同一个div 中，然后设置他们之间的位置，例如如下代码块：
&div style="position:"&
　　&img src="...." /&
　　&div style="position: z-index:2; left:10 top:10px"&
　　　　haha
　　&/div&
其余的位置再根据实际情况进行微调就好~~
关于position中relative 以及 absolute 属性值的区别：
position：absolute这个是绝对定位；是相对于浏览器的定位。比如：position：absolute；left:20top:80 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。position：relative是相对定位，是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。比如：&div class="1"&&/div&&div class="2"&&/div&当1固定了位置。1的样式float:width:100 height:8002的样式为float: position：relative；margin-left:20width:502的位置在1的右边，距离120px
更多请看：&&
如果想限制img 标签的最大宽高，可以用max-width 和&max-height 这两个属性，如下代码：
&img src="......" style="max-width:100 max-height:100px" /&
阅读(...) 评论()html中怎么把字固定在要写的位置_百度知道
html中怎么把字固定在要写的位置
我把一张图片做了表格的背景，怎么在背景图片上的某个位置写文字？用表格老是变形，就算规定了高低也没用~一拉全变形啦~！（字跑到别的地方去啦）
我有更好的答案
所有的标签都可以绝对定位的，比如&font style='position:left:10;top:10'&passer_mworld&/font&如果要在某个域里定位，就把上面的放在这个域的标签里&div style='width:400;height:400'&&img style='position:left:0;top:0' src='1.jpg' width=400 height=400&&font style='position:left:280;top:360'&passer_mworld&/font&&/div&
采纳率：35%
用div来布局就可以了，table是落后的布局方法，用div {position：absolutely；}
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！您的位置： >
> html文字居中和居中方法代码，通过在html中实现文字居中图片居中篇
在中实现文字图片内容居中有三种方法，其中两种使用样式实现，一直使用原始的html标签内加入&align=&center&&（）实现。
一、对body加CSS居中样式
我们直接对设置CSS样式：
1、完整HTML实例代码：
&!DOCTYPE&html&&xmlns=&http://www.w3.org/1999/xhtml&&&&charset=&gb2312&&&divcss5之居中实例&&body{:center}&&&&我会被居中&&&
2、居中实例截图
对body设置居中实现文字或图片居中截图
二、对文字外层对象加css居中样式
首先我们选择器为&.divcss5&,对此选择器内加居中样式。我们实例演示2个对象，一个放文字一个放图片。
1、对应CSS代码如下：
.divcss5{text-align:center}&
2、完整HTML+代码如下：
&!DOCTYPE&html&&xmlns=&http://www.w3.org/1999/xhtml&&&&charset=&gb2312&&&divcss5之居中实例&&.divcss5{text-align:center}&&&&&class=&divcss5&我会被居中&&class=&divcss5&&src=&divcss5-logo-201305.gif&&&&&
3、CSS实现对象内图片和文字居中效果截图
实现html文字居中-html图片居中实例截图
这里说明，图片&divcss5-logo-201305.gif&文件是与html放一起，使用标签实现图片引入html。
4、本居中实例在线演示：
5、本居中实例打包下载：
三、之间对文字外层对象加align=&center&
此方法是以前较为常见的方法，直接在html标签内使用align=&center&即可实现对象内图片或文字内容实现居中。
我们实例演示里居中与一般HTML标签内内容居中。
&!DOCTYPE&html&&xmlns=&http://www.w3.org/1999/xhtml&&&&charset=&gb2312&&&html&align居中&&&&align=&center&我会居中的&&width=&100%&&&&align=&center&表格中居中&&&&&
2、实例效果截图
html文字居中，表格内文字居中实现截图
直接在标签内使用align属性，方便实践普通和html表格标签内使用&align=&center&&居中代码实现对象内内容居中。如需转载，请注明文章出处和来源网址：我要分享到：上一篇： 下一篇： 必备CSS教程 Essential CSS Tutorials• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • ()• • ()• ()• • • • • • • • • • • • • • • • 必备HTML基础教程 Essential HTML Tutorials •
• () • () • () •
• () •
• () •
• 如对文章有任何疑问请提交到，或有任何网页制作CSS问题立即到发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。文章修订日期： 11:18
原创：本文www.divcss5.com DIVCSS5版权所有。最新文章NEWS• • • • • • • • • • CSS EFFECTS相关文章RELATED• • • • • • • • • • 热点文章HOT DIVCSS5.com 学习与资源分享平台}