我正在尝试让我的页面在移动设备上每行显示3个图像链接,而不是当前显示的2个。 如果您在开发人员工具中以iPhone 5的形式查看此站点,则会看到每行有两个方形图像链接。 我想每行获取3张图像,但是不确定要更改为3条CSS规则。

我尝试修改各种Divs的宽度,但是这只会使图像链接变小,而没有使第三个对齐。

http://50.87.248.154/~thetinat/search/

请让我知道是否可以澄清任何事情。 谢谢!

===============>>#1 票数:4 已采纳

您需要将宽度减小为: width: 29%; 并关闭clear: both; odd课上。

像这样: 在此处输入图片说明

.odd {
  clear: none;
  float: left;
}

.recipes-bottom .featuredpost .post {
  width: 29%;
  margin: 20px 5px 0px;
}
@media (max-width: 480px) {
  .recipes-bottom article, .home-middle article {
    float: none;
    clear: none;
    display: inline-block;
    height: 150px;
    vertical-align: middle;
  }
}

  ask by csterling translate from so

未解决问题?本站智能推荐:

2回复

报纸Wordpress主题中移动设备上的图像宽度100%

在我的wordpress主题中,css图像宽度样式存在问题。 图像宽度设置为100%,但是图像以其原始尺寸显示。 溢出以某种方式隐藏。 但是我不知道是哪个元素导致此行为以及如何解决? http://www.dailycat.de/19-gruende-warum-man-katzen
2回复

用单个图像替换背景图像并获得相同的效果

我曾经使用background-image将图片缩放为一列大小,但是当我意识到背景图片不允许alt标签时,我需要将其更改为img标签, 使用background-image 如何使用img标签执行上述操作? 有没有简单的方法可以使用CSS和HTML来实现这一目标? 谢谢
1回复

超链接图像的背景颜色问题

我的博客上有一个奇怪的CSS问题,你可以在这里看到: http : //springecho.net/ 对于我的主要内容区域中的文本链接,它们具有背景颜色和不同的文本颜色,这些颜色在翻转时会发生变化。 对于也是超链接的图像,由于此CSS代码,您会在其底部看到黑线。 翻转图像时,黑色
2回复

如何在Wordpress的侧边栏下方添加图像

我正在http://calgarydefencelaw.com/中建立一个网站。 但是我面临的主要问题是我输入的3张图像受损,导致行驶不正确。 我想将侧边栏下面的所有三个图像对齐任何建议谢谢
9回复

CSS:如何在CSS中的每个h3之前显示图像图标?

我有wordpress侧边栏: 我需要在 “TIDELE OF SIDEBAR” 之前显示小图标 。我可以使用CSS吗? 或者我必须手动将图像添加到代码中? 喜欢:
1回复

更改页脚中一个链接的超链接颜色

当我检查链接时,可以看到以下内容: 我给链接一个类,并添加了自定义CSS,但是它不起作用: 我想念什么?
4回复

在移动视图中更改导航栏的位置

我想知道是否有一种方法可以仅通过使用CSS3来更改移动视图中导航栏的位置。 例如,我不想将导航栏放在移动视图中的顶部容器下方,而是希望将其固定在顶部容器上方。 我使用的是wordpress主题,谢谢。 该网站是www.capcar.com.au
2回复

使大图像响应?

我正在使用正在编辑(编辑CSS)的wordpress主题为台式机和移动用户创建网站。 我的问题是正面图像很大,当分辨率较低的用户(例如,在手机上)在网站上连接时,图像会被调整大小,仅显示一小部分。 这是解释我的问题的屏幕截图: 这是桌面用户访问的普通网站: 当具有较小分辨率的用
1回复

Bootstrap Wordpress移动菜单不起作用

我在Wordpress中使用引导程序来制作自己的自定义主题。 移动菜单过去可以正常工作。 但是当我尝试放入另一个菜单时,它停止工作。 我不知道我做错了什么。 我正在使用wp_bootstrap_navwalker作为菜单。 有很多代码可能会出错,我无法发布代码,因为其中包含了很
4回复

调整图像大小-保持比例-无背景图像

我试图达到此网站上显示的效果: http://fofwebdesign.co.uk/template/_testing/scale-img/target-ratio-resize.htm 但是此站点使用div的背景图像来完成此操作。 我无法使用背景图片,因为该图片位于Wordpre