显示内联块内联块和内联块

Question

如果你有三个span元素，你会这样显示它们吗？

span1_______         span3
            |||||||||
            |||||||||

            span2

span1是内联块宽度调整的 span2是内联块边际调整 span3是内联的

但是span2会将span1和span2拉下来吗？

Answer 1

这听起来是对的 - 边缘可能正在推动容纳所有三个的块级容器。您可以考虑在span2上尝试position: relative，然后将其margin-top更改为top。

Answer 2

如果我确实理解了你想要的东西。您可以尝试使用componentWillMount () { var id = this.props.params.id; this.props.getEmp({'userId': id})); } export default connect(mapStateToProps, { getEmp })(EmpPage); ，也可以使用transform:translateY(npx)

参见示例：

%

span:nth-child(2){
 position:relative;
transform:translateY(10px);
display:inline-block;
}

或者实现你的例子（使用那条黑线）的方法是使用这个css

<span>span1</span>
<span>span2</span>
<span>span3</span>

span:nth-child(2){
  width:100px;
  border-bottom:1px solid #000;
  display:inline-block;
}