Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Jak wyłączyć automatyczne rozciąganie się DIVa?
AboutMe
post 29.08.2013, 14:31:41
Post #1





Grupa: Zarejestrowani
Postów: 261
Pomógł: 0
Dołączył: 24.02.2008

Ostrzeżenie: (0%)
-----


Jak wyłączyć automatyczne rozciąganie się DIVa? DIV nie może mieć stałej długości.

Cytat
<div style="width:500px;">
<div>Text 1</div>
<div>Text 2</div>
<div>Text 3</div>
<div>Text 4</div>
</div>


Ten post edytował AboutMe 29.08.2013, 14:31:56
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
lobopol
post 29.08.2013, 14:38:12
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
-----


height, a jeżeli chcesz nadmiar dodatkowo ukryć to overflow:hidden + height


--------------------
Go to the top of the page
+Quote Post
AboutMe
post 29.08.2013, 15:05:53
Post #3





Grupa: Zarejestrowani
Postów: 261
Pomógł: 0
Dołączył: 24.02.2008

Ostrzeżenie: (0%)
-----


Nie działa, bo niby jakim cudem height miałby w jakiś sposób pomóc

  1. <div style="width:500px;">
  2. <div style="background:#cccccc; height:20px;">Text 1</div>
  3. <div style="background:#cccccc; height:20px;">235435 345 3245</div>
  4. <div style="background:#cccccc; height:20px;">345</div>
  5. <div style="background:#cccccc; height:20px;">Twaesdfg erftgert rty wert</div>
  6. </div>
Go to the top of the page
+Quote Post
fate
post 29.08.2013, 15:29:17
Post #4





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


HTML
  1.  
  2. <div id="nierozciagnesienihujaanawetjeslitomnieobetnie">
  3. <div>Text 1</div>
  4. <div>235435 345 3245</div>
  5. <div>345</div>
  6. <div>Twaesdfg erftgert rty wert</div>
  7. </div>
  8.  


CSS

  1. #nierozciagnesienihujaanawetjeslitomnieobetnie{width:500px;}
  2. #nierozciagnesienihujaanawetjeslitomnieobetnie div{width:500px;overflow:hidden;}


--------------------
Go to the top of the page
+Quote Post
lampi
post 30.08.2013, 10:58:52
Post #5





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 30.08.2013
Skąd: Częstochowa

Ostrzeżenie: (0%)
-----


DIV to element blokowy, więć zawsze rozciągnie się do rozmiarów parenta, nie wiem co dokładnie chcesz osiągnąć, ale może daj mu w stylach
Kod
display: inline-block;


--------------------
Sklep z lampami - http://www.krislamp.pl
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 11:00