2009-12-31 3 views
0

У меня есть 4 ссылки. Я хочу, чтобы все они были в одной строке. два из них в центре, а два других справа. Ив обернул их два и два, но я не могу заставить его работать.div поплавок справа от центрированного div?

мой CSS выглядит следующим образом:

#links_center { 

} 
#links_right { 
    float: right; 

} 

, но он не работает. правильные ссылки находятся под первыми двумя ссылками. мог бы кто-нибудь помочь мне здесь.

+1

Сообщите свой код HTML и CSS –

+1

Некоторые HTML-коды помогут :-) – Flatlin3

ответ

0

Вот один из способов сделать это, исходя из предположения, что ваши ссылки находятся в контейнере с фиксированной шириной. Имейте в виду, что это не единственный способ, только быстрое решение, которое может работать для вас:

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
     <title>Links Test</title> 

     <style type="text/css"> 
      #links_center { 
       float: left; 
       width: 600px; 
      } 

      #links_right { 

      } 
     </style> 
    </head> 
    <body> 
     <div style="width: 800px"> 
      <div id="links_center"> 
       <a href="#">Link 1</a> 
       <a href="#">Link 2</a> 
      </div> 

      <div id="links_right"> 
       <a href="#">Link 3</a> 
       <a href="#">Link 4</a> 
      </div> 
     </div> 
    </body> 
</html> 
0

float:right работает только тогда, когда множество #links_right приходит перед тем #links_center установлен в исходном коде. Измените исходный код или используйте float:left на центральном наборе и используйте отступы/поля для размещения там, где вы хотите.

+0

Я помещаю их в обратном порядке, и он работает в одной строке, но проблема в том, что центральные ссылки не находятся в центре, они помещаются в слева от центральной линии. как я центрирование их в легком пути – ajsie

0

Это может помочь CSS определенной ширине, потому что кажется, что может быть недостаточно всей ширины для горизонтальной линии. Также попробуйте поплавать слева. Другой вариант - создать таблицу.

+0

<тд класс = "ссылка"> Link One <тд класс = "ссылка"> Link Два <тд класс = "ссылка"> Link Четыре
<тд класса = "" ссылки» > Link Три

+0

в зависимости от того, насколько большой сделки этих ссылок т Урны, чтобы быть, таблица может быть хорошим быстрым вариантом. это чистый вариант, если вы не используете его для какой-либо крупной структуры. все же, если это можно сделать с помощью css, скорее всего, "чище" – johnnietheblack

Смежные вопросы