在 Wordpress 上，我使用的是 youtube 频道列表插件。
效果很好，但视频的对齐方式看起来不太好。实际在 BIG 视频下方显示对角线列表！
有人可以建议我如何用 css 解决这个问题吗？
这是页面
http://www.snowypeach.com/home/?page_id=1106
我需要视频下的列表水平对齐，而不是对角线！
【问题讨论】：
<div>，但仍留在</div> 中。 pre 内还有 div 元素，这是无效的，a 内的 divs 也是无效的......
标签： css html-lists vertical-alignment alignment
您已将 <div /> 嵌套为 <ul /> 的子级。这是无效的标记。移动<li/>元素成为<ul />的子元素，删除<div />就可以了
编辑
好的，我看到了问题。您将所有这些内容包装在 <pre/> 标记中。此处不应使用此标签，但如果您无法摆脱它，请添加样式 white-space: normal;。
我通过在 chrome 开发工具中移动元素来测试之前的答案，这些元素删除了空格，因此问题。
希望这会有所帮助:)
【讨论】：
标签会带来这么多麻烦。
下面<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 类，结果每次都不同。我不知道插件的计算部分在哪里。否则我可以修改代码。
【讨论】：