Chciałbym wyjaśnić, czy możliwe jest dopasowanie elementu div do jego rozmiaru na podstawie rozmiaru zawartości bez konieczności ustawiania elementów pływających lub określania ich pozycji jako bezwzględnej. Czy to możliwe?
Chciałbym wyjaśnić, czy możliwe jest dopasowanie elementu div do jego rozmiaru na podstawie rozmiaru zawartości bez konieczności ustawiania elementów pływających lub określania ich pozycji jako bezwzględnej. Czy to możliwe?
Odpowiedzi:
displayUstawienie CSSJest to oczywiście możliwe - weryfikacja koncepcji JSFiddle, w której można zobaczyć wszystkie trzy możliwe rozwiązania:
display: inline-block- to jest ten, którego nie jesteś świadomy
position: absolute
float: left/right
Możesz użyć display: inline-block.
position:absolute. Jest to możliwe. Kliknij link w mojej odpowiedzi.
Możesz użyć:
width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;
EDYCJA: Nie, patrz http://red-team-design.com/horizontal-centering-using-css-fit-content-value/
-webkit-fit-contentlub w -moz-fit-contentzależności od używanej przeglądarki.
display: block-inline!! (czyli zachowywać się na zewnątrz jak blok, ale wewnętrznie jako inline - przeciwieństwoinline-block)