html - 使用预制模板的 CSS 样式。

标签 html css position

所以,我下载了一个免费的网站模板。我稍微修改了布局,现在我无法让顶部位置图标变小并将它们全部定位在一条直线上。我试过将 CSS 文件中的“image image-full”标签从 100% 更改为较小的百分比。这会使图标变小,但图标不会将自己定位在一条线上。该站点位于 http://harmlesscrack.com/br/。 .我已经拆解了这个 CSS 文件,更改了所有我能找到的指向位置图标的链接,并且几乎放弃了理解他们如何格式化这个 CSS 的所有希望。

附言请不要将此标记为“不是一个有用的问题”。我真的需要帮助。

最佳答案

只需显式设置 <div class="4u"> 的宽度即可,或更改 .\34 u类(class)。例如,以下将 4 个容器排成一行,仅跨越一行:

// HTML markup
<div class="4u">
    ...
</div>

// CSS
.\34 u {
    width: 24.333333%;
}

enter image description here

关于html - 使用预制模板的 CSS 样式。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18423552/

相关文章:

css - modalDialog 不在 css 中滚动

javascript - 在字符串数组上循环时无法访问选项变量

html - 为 Gmail 设计 HTML 电子邮件

css - 自动调整最后一列

css - 使用固定 : how to also allow vertical scroll? 的模态中心定位

css - 溢出:隐藏在 static 以外的位置在 chrome 和 safari 中不起作用,这是新的吗?这是一个错误吗?

javascript - 在 IE : alternative for setAttribute method 中动态设置输入元素的 id 属性

javascript - 下拉复选框和未选中的父元素?

javascript - 附加到 D3 中时元素不出现

jquery - 我可以使图像随着内容 div 扩展而不会扭曲吗