CSS:响应式Div的边距和对齐方式?

历史

我正在尝试创建一个页面,该页面将具有一些可响应的Div。

我已经创建了div,并且它们具有一定的响应能力,但是我无法获得正确的边距!

基本上,我需要在div之间留一些空间,以便它们不会粘在一起。

是我所做的,这是CSS:

.holder {
    width : 45%;
    height : auto;
    border : 1px solid red;
    display : inline-table;
    float : left;
}

@media (max-width: 600px) 
{
 #container {
     width : 100%;
  }
 .holder {
     width : 100%;
  }
}

我可以简单地说,.holder {margin:4%; */OR ANY OTHER VALUES HERE*/}但这意味着第一个div将被推离它原来的位置,这不是我想要的。

有人可以就这个问题提出建议吗?

提前致谢。

Kartik sreenivasan

只在右边增加边距怎么样?

有点像.holder { margin-right: 4%; margin-bottom:4% }

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS:响应式Div的边距和对齐方式?

来自分类Dev

响应式CSS-如何使用填充/边距将div与父级宽度“动态”对齐?

来自分类Dev

响应式设计和边距

来自分类Dev

使用边距和浮点水平对齐div

来自分类Dev

CSS-在边栏旁边对齐内容区域,而无需添加额外的边距和javascript

来自分类Dev

使用浮动和边距的TinyMCE奇怪的图像对齐方式:自动

来自分类Dev

带有左上角边距的浮动框,具有垂直对齐和字体大小的响应文本 div

来自分类Dev

反应本机响应边距和填充

来自分类Dev

保持边距和导航栏“响应”

来自分类Dev

单行响应式菜单,带边距:0自动和绝对位置

来自分类Dev

填充和边距在响应式电子邮件模板中不起作用(展望)

来自分类Dev

CSS全宽减去边距左div,右对齐20px

来自分类Dev

响应式div的宽度和高度与CSS

来自分类Dev

CSS问题:如何将<div>元素(<div>,页眉,页脚和正文)与响应式网页设计垂直对齐?

来自分类Dev

CSS:div中的标题边距

来自分类Dev

CSS-div上的边距

来自分类Dev

DIV id 的 CSS 边距问题

来自分类Dev

Div 100%的宽度和边距

来自分类Dev

具有相等水平边距的左对齐div

来自分类Dev

interact.js SVG矩形以边距对齐到div

来自分类Dev

页边距之间自动对齐div onclick

来自分类Dev

CSS列和边距问题

来自分类Dev

HTML 和 CSS --- 边距问题

来自分类Dev

Xcode 6中的约束和边距,边距在对齐后显示空白

来自分类Dev

如何同时使用内联显示和边距/文本对齐

来自分类Dev

如何清除引导程序中响应div之间的边距

来自分类Dev

CSS div高度百分比和边距百分比

来自分类Dev

CSS div高度百分比和边距百分比

来自分类Dev

响应式设计和左边距

Related 相关文章

热门标签

归档