html - 在列内水平对齐 div

标签 html css alignment

<分区>


关闭 7 年前

我想我遗漏了一些明显的东西。在我的 slider 下,我有 3 个框,每个框包含 3 个元素。

  1. 正文
  2. jpg
  3. 嵌入视频

文本和 jpg 应该在同一行,视频直接排在下面。

所有 3 个框应在列中水平均匀分布。

这是我当前的输出:

http://test.completesources.com/fitnesspro/

这是我的代码:

http://jsbin.com/qucewa/edit?html,css,output

我只是在学习 webdev 并尝试复制一个站点作为练习。我想如果我能让这些盒子正常工作,我就会拥有网站的其余部分。

谢谢!

最佳答案

尝试添加css

    .box {
     background: blue;
     margin: 5px;
     /* width: 15%; */
     display: inline-block;
     overflow: hidden;
    }

关于html - 在列内水平对齐 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31298679/

上一篇:javascript - 在一定数量之后在新行/列中呈现枢轴属性

下一篇:javascript - 使用 jQuery 切换复选框背景颜色

相关文章:

html - 文字环绕图像

c# - 如何发送表情符号?

javascript - 鼠标悬停在节点文本下划线

css - 我想为移动浏览器覆盖我的一些 CSS

javascript - 为什么 Phaser 的 setText() 会导致 CSS 警告 "Expected color but found ' 0'."?

XAML:将椭圆与均匀拉伸(stretch)对齐到中心

html - 如何在垂直和水平方向上将每个 <div> 中的每个文本元素居中,以便文本恰好位于中间

php - 从 Word 文档中清除 HTML

python - 使用 Python Selenium,如何点击 webElements 的 webElement?

javascript - jQuery 圆圈导航