html - 需要帮助将 4 个相同的 div 放入一个 css 代码(间距)

标签 html css margin

我不知道怎么说(我想我的英语不是很好),但我需要帮助将 4 个相同的 div 放入一个 css 代码中。

问题:

float:left; margin:10px 20px 10px 0;

正如您在此处看到的 DEMO , 选项卡编号 2 和 4 不适合该空间。右上角有可用空间,但最大间距为 20px。是否有可能在没有 jquery 的情况下解决此问题?

抱歉英语不好,感谢您的回答!

最佳答案

按如下所述更新您的标签页 CSS:

.tabs 
{ 
  float:left; 
  margin:10px 0px 10px 0; 
  width:50%; 
  height:100px; 
  background:grey; 
}

Live Demo

关于html - 需要帮助将 4 个相同的 div 放入一个 css 代码(间距),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22678006/

相关文章:

javascript - 浏览器对 Angular Material 的支持

php - TCPDF 页边距问题

html - 如何将部分内的垂直拆分布局更改为移动设备上的水平拆分

javascript - 更新 html meteor ?

jquery - 具有事件导航的动态 CSS 箭头位置

css - 等高列和垂直对齐列中的图像?

html - 图像不使用css居中

css 边距优先还是填充优先?

html - 向某些 div 添加 float ,将页面移动几个像素

android - iPhone/Android WebApp 模板