如图, 两个display为 inline-block的元素,会出现情况
针对第三种情况:
需要添加
vertical-align: top;
参考代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .test { border: 1px solid black; height: 50px; line-height: 50px; width: 50px; display: inline-block; /* vertical-align: top; */ } </style> <title></title> </head> <body> <span class="test"></span> <span class="test">123</span> </body> </html>
时间: 2024-10-30 01:09:21