网页视频

今天解决了一个网页显示的难题，那就是让上传的视频居中。 我的其中一个wordpress网站一直存在一个问题非常闹心，那就是上传的视频自动靠着页面左边，不能居中显示，就算已经在编辑器里面设置了居中了，也没有任何作用。网站套用的是一个模板，也问了开发者，可能是因为太忙，他也没有给出任何解决方案。今天无意中弄了一下，居然让它居中了，高兴之余也给网友们分享一下。当然，如果是网页代码高手，请直接路过，千万不要笑我，我的方法可能只针对小白，而且不知道改了会不会有什么后遗症，先按下不表。 刚开始，网页显示是靠左的，如下图： 在网上搜索了一些解决方案，但都是针对插入网页视频的，对于手动上传的视频并不实用。 网上给出的方法是使用嵌入代码 /// your video embed code goes here 搜索了一圈都是插入网页视频的解决方案，根本没有手动上传视频的，于是自己再折腾一下代码。 先把代码定位到视频所在div,找到它的上层div,代码如下图： 加上以下代码： display: inline; text-align: -webkit-center; inline元素的作用是： 和其他元素都在一行上； 高，行高及顶和底边距不可改变； 宽度就是它的文字或图片的宽度，不可改变。 至于-webkit-center,我具体也不知道是怎么用的，只看到有这个选项就试一下，因为我直接用text-align:center不起作用。 最终效果如下：