使用 CSS 在图像之间插入空格、填充
我正在尝试将一些图像添加到一个空间中,该空间将包含两行,每行 3 个图像,因此总共 6 个。
我用这里的代码创建了一个小提琴 http://jsfiddle.net/swAXU/2/
这些图像显示了我想要的效果,但是我想添加填充,或者在每个图像之间添加空格以将它们分开?
谁能告诉我如何做到这一点,因为更改边距和填充属性没有任何区别?
I am trying to add some images into a space which will comprise two rows of 3 images each, so 6 in total.
I have created a fiddle with the code in here http://jsfiddle.net/swAXU/2/
The images show how I would want them, however I want to add padding, or space in between each image to space them out?
Can anyone tell me how this can be done as changing the margin and padding attributes make no difference?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
添加边距确实有效: http://jsfiddle.net/swAXU/9/
你的 CSS 选择器已关闭。我刚刚更改
为
并且有效。
Adding margins does work: http://jsfiddle.net/swAXU/9/
Your CSS selectors were off. I just changed
to
and it works.
我认为你只是通过 css 错误地访问了它们。
这有效...
I think you were just accessing them wrong via css.
This works...
或者如果你想变得非常奇特......
http://jsfiddle.net/swAXU/11/
Or if you wanna get really fancy...
http://jsfiddle.net/swAXU/11/
?
有效... http://jsfiddle.net/Ep6rb/
?
That works... http://jsfiddle.net/Ep6rb/
您的
元素没有类。
将选择器更改为
.slidedeck dd img
。Your
<dd>
element has no class.Change your selector to
.slidedeck dd img
.