Programowanie css-float

10

Jak mogę zatrzymać unoszenie się w lewo?

Mam następujący kod: <div style="float: left; width: 100%;"> <label style="float: left;">ABC</label> <input style="float: left; font-size: 0.5em;" type="button" onclick="addTiny(0,'Question_Text'); return false;" value="&#x25BC;" title="Editor" /> <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="&#x25B2;" title="Hide" /> <div class="adm"> <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor"> abc </textarea> </div> </div> Mój problem …

100 css html css-float

4

Spraw, aby dziecko było widoczne poza przepełnieniem: ukryty rodzic

W CSS overflow:hiddenjest ustawiany na kontenerach nadrzędnych, aby umożliwić rozszerzanie się wraz z wysokością ich pływających dzieci. Ale ma też inną interesującą funkcję w połączeniu z margin: auto... Jeśli POPRZEDNIE rodzeństwo jest elementem pływającym, w rzeczywistości pojawi się obok niego. Oznacza to, że jeśli rodzeństwo jest, float:leftto kontener z float:none …

100 css overflow css-float center hidden

7

Spraw, aby zewnętrzny element div miał automatycznie taką samą wysokość, jak jego pływająca zawartość

Chcę, aby zewnętrzna strona div, która jest czarna, owinęła się divw niej. Nie chcę używać style='height: 200pxw divz outerdivid, ponieważ chcę, aby była automatycznie wysokością jego zawartości (np. Pływające divs). <div id='outerdiv' style='border: 1px solid black;background-color: black;'> <div style='width=300px;border: red 1px dashed;float: left;'> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> </div> <div style='width=300px;border: red 1px dashed;float: …

95 css html css-float

14

Podziel Div na 2 kolumny za pomocą CSS

Próbowałem podzielić div na dwie kolumny za pomocą CSS, ale nie udało mi się jeszcze go uruchomić. Moja podstawowa struktura jest następująca: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> Jeśli spróbuję przesunąć prawy i lewy element div do odpowiednich pozycji …

90 css html css-float

6

CSS, aby zatrzymać zawijanie tekstu pod obrazem

Mam następujące znaczniki: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Chcę, aby tekst zawijał się, nie trafiał do „kolumny” obrazu. Wiem, że mogę to zrobić za pomocą table(co robiłem), ale z tego powodu nie jest to wykonalne . Próbowałem następujących bez powodzenia: li span {width: 100px; …

87 css css-float word-wrap

6

Zatrzymaj zawijanie pływających elementów DIV

Chcę mieć wiersz elementów div (komórek), które nie są zawijane, jeśli przeglądarka jest zbyt wąska, aby je dopasować. Przeszukałem stos i nie mogłem znaleźć działającej odpowiedzi na to, co moim zdaniem powinno być prostym pytaniem CSS. Komórki mają określoną szerokość. Jednak nie chcę określać szerokości wiersza, szerokość powinna automatycznie odpowiadać …

84 html css-float word-wrap

7

Jak wyrównać dwa elementy w tej samej linii bez zmiany kodu HTML

Mam dwa elementy na tej samej linii pływające w lewo i pływające w prawo. <style type="text/css"> #element1 {float:left;} #element2 {float:right;} </style> <div id="element1"> element 1 markup </div> <div id="element2"> element 2 markup </div> Potrzebuję, aby element2 wyrównał się obok elementu1 z około 10 pikselami wypełnienia między nimi. Problem polega na …

84 html css css-float margin

Pytania otagowane jako css-float