视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
求层里面的图片水平居中有前提的_html/css
2020-11-27 15:49:01 责编:小采
文档

我把文本信息 html的img标签 放在
标签中的 现在我想要图片水平居中 而pre 里面的css样式不能写text-align:center; 

pre标签的css样式加上text-align:center; 很好让图片居中 但是 文字也居中了

我的要求是只要图片居中 文字不居中 请各位css达人指教下


回复讨论(解决方案)

那就设置图片的margin吧!

pre里面还放文本 干嘛????

图片的大小不固定 设定margin不行的 要的是不固定宽度的图片 都能居中显示

pre标签里面不是放文本的 我笑了

要不你就把图弄成背景,多的话就参照上面的方法实现。

加一个属性 margin:0 auto

背景不失为一个好法子哦。 要不你就把图弄成背景,多的话就参照上面的方法实现。

那只能调整img了,img 加个样式{margin:0 auto;}不过你要把pre的宽度设置成固定的。

楼上正解

都不对 自己搞定了
margin:0 auto; 早就试过了
还要加上 display:block; 不加 怎么也居中不了

放出css 代码 同理 div 也一样的

pre{	position:relative;	word-wrap:break-word;	width:800px;	margin:0 auto;	}pre img{	display:block;	margin:0 auto;	max-width:760px;}	

下载本文
显示全文
专题