在Wordpress上我正在使用youtube频道列表插件。
效果很好，但视频对齐效果不佳。实际上在BIG视频下方显示对角线列表！
有人可以建议我如何用css解决这个问题吗？
这是页面
http://www.snowypeach.com/home/?page_id=1106
我需要视频水平对齐的列表，而不是对角线！
答案 0 :(得分：1)
您已将<div />嵌套为<ul />的子级。这是无效的标记。将<li/>元素移动为<ul />的子元素，删除<div />它将起作用
修改
好的，我看到了问题。您将所有这些内容包装在<pre/>标记内。此标签不应在此处使用，但如果您无法摆脱它，请添加样式white-space: normal;。
我通过移动chrome dev工具中的元素测试了之前的答案，这些元素删除了空白，从而解决了问题。
希望这会有所帮助：）
答案 1 :(得分：0)
以下<ul>上有 ytc-columns4 类，可以控制小视频<li>标记的对齐
<ul class="ytchagallery ytccf ytc-table ytc-td-bottom ytc-columns4">
根据该类，下面的css是通过第66行的css文件中的插件生成的
http://www.snowypeach.com/home/wp-content/plugins/youtube-channel-gallery/styles.css?ver=3.4.1
.ytc-columns4 li {
width: calc(100% / 4 + 10px / 3);
}
我更改了课程 ytc-columns3 和 ytc-columns2 ，结果每次都有所不同。我并不完全知道插件的计算部分在哪里。其他明智的我可以调整代码。