为什么a里面的文字不在同一行

为什么a里面的文字不在同一行

html

```html

    <div class="middle_black">
        
        <div class="middle_other">
            <img src="p_imgs/download.png" alt="">
            <a href="" class="middle_a">其他操作系统客户端a>
        div>

    div>
    

```css
.middle_black{
    width: 100%;
    height: 668px;
    background-color: black;
}
.middle_other{
    width: 250px;
    height: 60px;
    /* background-color: #fff; */
    margin-left: 1160px;

}
.middle_other img{
    width: 20px;
    height: 20px;
    margin-top: 20px;
    float: left;
}
.middle_a{
    display: inline-block;
    font-size: 12px;
    color: white;
    text-decoration: none;
    font-size: inherit;
    width: 100px;
    height: 30px;
    
}

![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/148808503266143.png "#left")

因为你这个样式类.middle_a里面写了width:100px;宽度不够放就换行了，width:auto就可以根据内容撑宽度

因为你的文字宽度超过了盒子的宽度，所以会产生换行