我只想在 jquery mobile 中使用响应式网格在两个按钮之间留出空间,我不想在按钮的左侧和右侧留出空白。我不知道如何。
This jsfiddle显示我想要的:当有水平空间时,左侧有一个按钮,右侧有另一个按钮,中间有一个空格。左按钮的左侧没有边距,右按钮的右侧也没有边距:完美!正是我想要的。
我是这样实现的:
.ui-grid-a [class*=ui-block-a]>.ui-btn { margin:0 10px 0 0; }
.ui-grid-a [class*=ui-block-b]>.ui-btn { margin:0 0 0 10px; }
但是......当我们挤压水平空间以使其响应时,我将在第一个按钮的右边有一个空间,在第二个按钮的左侧有一个空间(左右边距当然是 CSS):
问题是:如何在按钮之间留出空间(如第一张图片),并且在响应时没有这些空间(第二张图片中的问题)?在两个按钮之间使用某种“垫片”?另一个股利?我真的尝试了很多东西......
最佳答案
使用这个 CSS:
@media (max-width:800px) {
.ui-grid-a [class*=ui-block-]>.ui-btn {
margin: 0;
}
}
fiddle :http://jsfiddle.net/yu4pem1g/3/
关于javascript - 仅在响应式网格中的两个按钮之间留有余量(jquery mobile),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31142326/