Jak ustawić float dla każdego elementu wewnątrz elementu div na raz, bez określania wartości zmiennoprzecinkowej dla każdego elementu wewnątrz?

Jak ustawić pływak w prawo dla każdego elementu wewnątrz elementu div?Jak ustawić float dla każdego elementu wewnątrz elementu div na raz, bez określania wartości zmiennoprzecinkowej dla każdego elementu wewnątrz?

Chcę dać float do elementów wewnętrznych tylko nie do rodzica DIV?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>Sandbox</title> 
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
<style type="text/css" media="screen"> 
body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; } 
div {border:2px solid red;height:50px} 
a {border:2px solid blue;margin:10px} 
</style> 
</head> 
<body> 

<div> 
<a>Hello from JS Bin</a> 
    <a>from JS Bin</a> 
    </div> 
</body> 
</html>

Źródło

2010-01-13 Jitendra Vyas

można kierować wszystkie dzieci elementu przy użyciu wybieraka *, więc w przykładzie, można dodać:

div * { float: right; }

Zauważ, że byłoby to unosić wszystkie dzieci i ich dzieci, więc jeśli miał zagnieżdżone treści to chyba nie to, co chcesz, w tym przypadku prawdopodobnie zechcesz:

div > * { float: right; }

jednak >direct descendant selector isn't supported in older versions of IE (i pos inne przeglądarki?).

Źródło

2010-01-13 05:28:56 Alconja

Kontynuując Alconja poniżej jest dobrym sposobem na uzyskanie okrągłe potomek kwestii wyboru:

div *{ float: right; } 
div * *{ float: none; }

To będzie unosić się wszystko w prawo, potem dzieci wszystko zostanie zresetowany do równych.

Źródło

2010-01-13 11:30:37 middric

+1 Dobra sztuczka, nawet o tym nie pomyślałem. – Alconja

Jak ustawić float dla każdego elementu wewnątrz elementu div na raz, bez określania wartości zmiennoprzecinkowej dla każdego elementu wewnątrz?

Odpowiedz

Powiązane problemy