Jquery 四个分区(25%)与边框连成一行

Jquery 四个分区(25%)与边框连成一行,jquery,html,css,border,Jquery,Html,Css,Border,我试着用4个元素画一条线,每个元素有25%的宽度。所以我做了,但当我试图把一个项目与边界,一切都出了问题,我无法使它的工作 这个想法是像图片一样,放在每个盒子的顶部,其余的是一个文本和其他文本 第二个图像显示默认浏览中的布局 也许这会有帮助: -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ b

我试着用4个元素画一条线,每个元素有25%的宽度。所以我做了,但当我试图把一个项目与边界,一切都出了问题,我无法使它的工作

这个想法是像图片一样,放在每个盒子的顶部,其余的是一个文本和其他文本

第二个图像显示默认浏览中的布局

也许这会有帮助:

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

在边框中添加项目时会发生什么情况?怎么会不起作用呢?他从箱子里出来
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */