chiều rộng tối đa: -webkit-fit-content tức là 8 tương đương?

Question

Có bất kỳ hacks nào cho max-width:-webkit-fit-content; cho ví dụ 8 không?

Cố gắng để có được một div con không chiếm toàn bộ chiều rộng của phụ huynh và điều này hoạt động tốt với ff, chrome và safari; hy vọng có một số hack để có được nó để làm việc với tức là 8 là tốt.

Fiddle cho thấy hành vi: http://jsfiddle.net/XtZq9/ Mã cho hành vi của tôi muốn trong ie8:

#wrap { 
    background-color: aqua; 
    width:300px; 
    height: 50px; 
    padding-top: 1px; 
} 

.textbox { 
    background-color: yellow; 
    max-width: intrinsic; 
    max-width:-webkit-fit-content; 
    max-width: -moz-max-content; 
    margin-top: 2px; 
} 

<div id="wrap"> 
    <div class="textbox"> 
     Here is some text 
    </div> 
    <div class="textbox"> 
     Here is other, longer, text 
    </div> 
</div> 

Answer 1

Gần nhất tôi có thể nghĩ đến là nổi yếu tố của bạn. Không chính xác như nhau, nhưng có lẽ đủ giống nhau;) Bạn cần phải thiết lập thêm lề mặc dù, nhưng điều này sẽ không có vấn đề với một bảng định kiểu có điều kiện.

.textbox { 
    background-color: yellow; 
    float:left; 
    clear:left; 
} 

Your modified fiddle

Answer 2

Chưa; tiếp tục theo dõi http://caniuse.com/#feat=intrinsic-width &

https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6263702-css-intrinsic-sizing

Answer 3

Từ demosthenes.info, tôi đã học tôi chỉ đơn giản có thể sử dụng

display: table; 

thay vì

width: fit-content; 

Kiểm tra liên kết tuy nhiên về vấn đề với khoảng trắng. Nó không áp dụng cho trường hợp của tôi và chỉ cần thay thế chiều rộng : fit-content với màn hình : bảng giải quyết được vấn đề của tôi khá dễ dàng.