Làm thế nào để thiết lập chiều rộng cố định cho khoảng

Question

thấy ảnh chụp màn hình của tôi, thậm chí tôi đặt chiều rộng, chiều rộng khoảng vẫn được "tự động"

ở đây là tôi

<div class="container"> 
 
    <div class="row"><span style="width:60px;background-color: red;">prefix1</span><span>prpr</span> 
 
    </div> 
 
    <div class="row"><span style="width:60px;background-color: red;">pre2</span><span>prpr</span> 
 
    </div> 
 
</div>

Answer 1

Đặt thuộc tính hiển thị của các nhịp đến line-block như:

.container span { 
 
    display: inline-block; 
 
}

<div class="container"> 
 
    <div class="row"><span style="width:60px;background-color: red;">prefix1</span><span>prpr</span> 
 
    </div> 
 
    <div class="row"><span style="width:60px;background-color: red;">pre2</span><span>prpr</span> 
 
    </div> 
 
</div>

Một phần tử nội tuyến chỉ chiếm không gian bao quanh bởi các thẻ xác định thành phần inline (MDN).

Answer 2

Just use 

<div class="container"> 
<div class="row" style="width:auto;background-color: red;"><span>prefix1</span><span>prpr</span></div> 
<div class="row" style="width:auto;background-color: red;"><span>pre2</span><span>prpr</span></div> 
</div>