css - 如何在移动横向 View 中定位图像

标签 css

我有几张图片位于移动纵向但在移动横向中位于中心右侧。

我尝试调整宽度、高度、左边距:没有。

@media (max-width: 768px) and (orientation: landscape) 
{.awpcp-ad-primary-image {margin-left: 10px! Important; 
 width: 200px! Important ;}} 

有什么想法吗?

最佳答案

根据需要用对齐内容中心和填充进行容器划分,然后将容器中的图像宽度设置为:100%;您不需要使用边距或向左或向右填充来尝试居中。

这是让事物正确布局的最佳 CSS 功能。 https://css-tricks.com/snippets/css/complete-guide-grid/

关于css - 如何在移动横向 View 中定位图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55323714/

相关文章:

javascript - Bootstrap 下拉菜单无法选择下拉菜单选项

javascript - 如何影响点击google map?

HTML - 居中固定元素并提供父元素的宽度

javascript - 更改 Bee3D slider 上的图像大小

javascript - 更改标题属性的字体系列

html - 在 iframe 中隐藏垂直滚动条

css - 放大或缩小时页面结构发生变化

JavaScript - 加载整个网页而不是特定的 div

jquery - 为什么我的内容框在此扩展功能中无法正常工作?

html - 标题左侧 float 图像的CSS