Html 删除两个flexbox项目之间的空间

Html 删除两个flexbox项目之间的空间,html,css,Html,Css,我为Jobs构建了一个小部件,您应该在这里看到。 我只希望“地点”总是直接在“描述”的旁边。现在有一个巨大的差距 对齐项目:flex start似乎不像本论坛中解释的那样工作。利润:汽车似乎也不起作用。是否没有将自己与上一项或其他内容对齐的命令?我认为flexbox/css非常混乱,太复杂了 谢谢你抽出时间 .firstRow{ 宽度:100%; 显示器:flex; 弯曲方向:行; 柔性包装:包装; 证明内容:之间的空间; 调整内容:灵活启动; } .包装纸19{ 边框:1px实

我为Jobs构建了一个小部件,您应该在这里看到。 我只希望“地点”总是直接在“描述”的旁边。现在有一个巨大的差距

对齐项目:flex start似乎不像本论坛中解释的那样工作。利润:汽车似乎也不起作用。是否没有将自己与上一项或其他内容对齐的命令?我认为flexbox/css非常混乱,太复杂了 谢谢你抽出时间

.firstRow{
宽度:100%;
显示器:flex;
弯曲方向:行;
柔性包装:包装;
证明内容:之间的空间;
调整内容:灵活启动;
}       
.包装纸19{
边框:1px实心#达达;
显示器:flex;
宽度:100%;
对齐项目:居中;
填充:20px;
盒影:0 0 5px浅灰色;
利润率:10px;
}
.subwrapper 19{
宽度:100%;
显示器:flex;
弯曲方向:立柱;
}
.职位描述19{
宽度:100%;
断字:断字;
字体大小:150%;
}
.地点描述19{
宽度:49%;
断字:断字;
字体大小:100%;
保证金:自动;
}
.标准说明19{
保证金:自动;
宽度:49%;
}
.linkText19{
宽度:20%;
证明内容:柔性端;
}

工作
地点描述地点

链接文本

像这样吗

.firstRow{
宽度:100%;
显示器:flex;
弯曲方向:行;
柔性包装:包装;
/*证明内容:之间的空间*/
调整内容:灵活启动;
}      
.包装纸19{
边框:1px实心#达达;
显示器:flex;
宽度:100%;
对齐项目:居中;
填充:20px;
盒影:0 0 5px浅灰色;
利润率:10px;
}
.subwrapper 19{
宽度:100%;
显示器:flex;
弯曲方向:立柱;
}
.职位描述19{
宽度:100%;
断字:断字;
字体大小:150%;
}
.地点描述19{
/*宽度:49%*/
断字:断字;
字体大小:100%;
/*保证金:自动*/
/*增加一点空间*/
右侧填充:5px;
}
.标准说明19{
/*保证金:自动*/
/*宽度:49%*/
}
.linkText19{
宽度:20%;
证明内容:柔性端;
}

工作
地点描述地点

链接文本


嗯,哇,谢谢,我想我已经做得太多了。看起来不错,但我可以有一点差距吗?我是否可以使用5px?!感谢PanWen您可以使用
边距
填充
,甚至在
说明
旁边或
放置
@Bitlord之前显式地检查更新。我加了一点填充物。谢谢你,潘文,我会寻找永恒的。祝您有个美好的一天。