Pytania otagowane jako css-float

Pozycjonowanie elementów po lewej lub prawej stronie ich kontenerów za pomocą atrybutu CSS float.

18
Jak wyrównać 3 div (lewy / środkowy / prawy) wewnątrz innego diva?
Chcę mieć 3 div wyrównane wewnątrz div kontenera, coś takiego: [[LEFT] [CENTER] [RIGHT]] Div kontenera ma szerokość 100% (bez ustawionej szerokości), a div div powinien pozostać w środku po zmianie rozmiaru kontenera. Więc ustawiłem: #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} Ale staje się: [[LEFT] [CENTER] ] [RIGHT] Jakieś wskazówki?
12
Jak wyśrodkować elementy pływające?
Wdrażam paginację i musi być wyśrodkowana. Problem polega na tym, że linki muszą być wyświetlane jako blok, więc muszą być zmiennoprzecinkowe. Ale text-align: center;nie działa na nich. Mógłbym to osiągnąć, dodając lewe dopełnienie opakowania, ale każda strona będzie miała inną liczbę stron, więc to nie zadziała. Oto mój kod: .pagination …
354 css-float  center  css 
6
float: left; vs wyświetlanie: wbudowany; vs wyświetlanie: blok wbudowany; vs wyświetlanie: komórka tabeli;
Moje pytania) Czy którakolwiek z tych metod jest preferowana przez profesjonalnego projektanta stron internetowych? Czy podczas rysowania strony internetowej którakolwiek z tych metod jest preferowana przez przeglądarkę internetową? Czy to wszystko tylko osobiste preferencje? Czy brakuje mi innych technik? Uwaga: powyższe pytania dotyczą projektowania układu wielokolumnowego float: left; http://jsfiddle.net/CDe6a/ Jest …
281 html  css  css-float 
10
Elementy pływające w div, unosi się na zewnątrz div. Czemu?
Powiedz, że masz div, nadaj temu określony widthi umieść w nim elementy, w moim przypadku jeszcze imgjedno div. Chodzi o to, że zawartość pojemnika divspowoduje jego divrozciągnięcie i będzie tłem dla zawartości. Ale kiedy to robię, zawierające się divkurczą się, aby dopasować się do obiektów nie pływających, a obiekty pływające …
274 css  html  css-float 
10
Jak utrzymać zmienne CSS w jednej linii?
Chcę mieć dwa elementy w tym samym wierszu, używając float: leftelementu po lewej stronie. Nie mam problemów z osiągnięciem tego samodzielnie. Problem polega na tym, że chcę, aby dwa elementy pozostały w tej samej linii, nawet jeśli zmienisz rozmiar przeglądarki bardzo bardzo . Wiesz ... jak to było ze stolikami. …
7
Dlaczego wysokość elementu kontenera nie wzrasta, jeśli zawiera on elementy pływające?
Chciałbym zapytać, jak działa wysokość i pływak. Mam zewnętrzny div i wewnętrzny div, który zawiera w sobie treść. Jego wysokość może się różnić w zależności od zawartości wewnętrznego div, ale wydaje się, że mój wewnętrzny div przepełni swój zewnętrzny div. Jaki byłby to właściwy sposób? <html> <body> <div style="margin:0 auto;width: …
210 html  css  css-float 
8
Jak utworzyć widok siatki / kafelków? [duplikować]
To pytanie ma już odpowiedzi tutaj : Układ murarski tylko w CSS (2 odpowiedzi) Zamknięte 24 dni temu . Na przykład mam jakąś klasę .article i chcę zobaczyć tę klasę jako widok siatki. Więc zastosowałem ten styl: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } Ten styl sprawi, że .article będzie …
5
Zalety korzystania z display: inline-block vs float: left w CSS
Zwykle, gdy chcemy mieć wiele DIVsz rzędu, używamy float: left, ale teraz odkryłem sztuczkędisplay:inline-block Przykładowy link tutaj . Wydaje mi się, że display:inline-blockjest to lepszy sposób z align DIVsrzędu, ale czy są jakieś wady? Dlaczego takie podejście jest mniej popularne niż floatsztuczka?
127 css  css-float  html 
5
Ruch w prawo i pozycja bezwzględna nie działają razem
Chcę, aby element div znajdował się zawsze po prawej stronie swojego nadrzędnego elementu div, więc używam float:right. To działa. Ale chcę też, aby po wstawieniu nie wpływał na inne treści, więc używam position:absolute. Teraz float:rightnie działa, mój element div jest zawsze po lewej stronie swojego nadrzędnego elementu div. Jak mogę …
126 css  css-float  position 
8
Układasz DIV jeden na drugim?
Czy można łączyć wiele DIV, takich jak: <div> <div></div> <div></div> <div></div> <div></div> </div> Więc wszystkie te wewnętrzne DIV mają tę samą pozycję X i Y? Domyślnie wszystkie znajdują się poniżej siebie, zwiększając pozycję Y o wysokość ostatniego poprzedniego DIV. Mam wrażenie, że coś w rodzaju pływaka, wyświetlacza lub innej sztuczki …
116 css  html  stack  css-float 
11
Jak sprawić, by element DIV bez treści miał szerokość?
Próbuję dodać szerokość do a div, ale wydaje mi się, że mam problem, ponieważ nie ma treści. Oto CSS i HTML, które mam do tej pory, ale nie działa: CSS body{ margin:0 auto; width:1000px } ul{ width:800px; } ul li{ clear:both; } .test1{ width:200px; float:left; } HTML <body> <div id="test"> …
110 html  css  width  css-float 
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.