网页制作时，文章内容中的视频和图片，如何居中对齐？
文本有text-aglin：center; 但这对视频和图片是无效的。
解决方法：我们可以把对象设置成块级元素，使用margin:auto; 使文章内容中的视频和图片居中对齐（同div居中方法）。
网页中视频、图片居中实例：
HTML代码：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>让网页中视频、图片居中的CSS代码</title> </head> <body> <div class="con"> <img src="这里插入图片"/> <embed>这里插入视频</embed> 文章内容输出！！！！！ </div> </body> </html>
CSS代码：
.con img{ display:block; margin:auto;}
.con embed{ display:block; margin:auto;}
让网页中视频、图片或div居中的原理：
是设置成块状区域，然后设置其margin的左右值为auto，上下值设置多少都可以。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/1558.html
微信扫一扫 
支付宝扫一扫