2011-02-01 4 views
2

так что моя проблема в том, как это:держать все в одной строке в DIV

У меня есть DIV, и в DIV У меня есть IMG, а затем строку рядом с изображением, высота в 25, в ширина равна 128, а ее выравнивание по центру.

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

Я бы хотел, чтобы он просто переливался и спрятал остальную часть имени, если он слишком длинный. все равно я могу это сделать?

У меня было переполнение скрыто, а также максимальная высота и максимальная ширина. Я попытался использовать диапазон, а также дисплей: встроенный, но он продолжает подталкивать его к новой строке. Мне нужно сосредоточить центрирование.

любая помощь?

Невозможно найти информацию. Я попытался положить его в стол, но безрезультатно.

вот код:

<a href="#" class="tab2">   
    <table align="center">    
     <tr>     
      <td valign="bottom" id="contactLink1">  
       <div align="center" class="funtion_user_imageloc_box"> 
        <?php if($memimglevelROW['imageloc']!=''){ 
         if ($memimglevelROW['imageloc']=="black1.png"){?> 
          <img src="levelimage/<?php echo $memimglevelROW['imageloc'];?>" alt="" width="30.5" height="16" align="center" class="funtion_user_img1" />&nbsp;  
         <?php } else {?> 
          <img src="levelimage/<?php echo $memimglevelROW['imageloc'];?>" alt="" width="18" height="18" align="center" class="funtion_user_img2" />&nbsp;  
         <?php }    
        } 
        echo $username;?> 
       </div> 
      </td>   
     </tr>  
    </table> 
</a> 

ответ

16

Добро пожаловать в сообщество!

  • Пожалуйста, постарайтесь не размещать стену с текстом, так как это затрудняет чтение вашего вопроса.
  • Предварительный просмотр того, что вы вводите, находится ниже текстового поля «Задайте вопрос».
  • Спасибо за предоставление кода!

Вы должны попробовать white-space: nowrap;, так как это, вероятно, устранит вашу проблему.

Кроме того, не используют таблицы для табличных данных. Это не 1995 год, CSS может делать все, что может сделать таблица.

+5

Я согласен с тем, что говорит Бов [пришел сюда, чтобы опубликовать пробел: nowrap; overflow: hidden], но есть моменты, когда таблица за 30 секунд намного лучше, чем 4 часа работы с div и css. Время - деньги :) – Sean

+0

@Sean: Я второй это. –

+2

@Sean, Не быть снисходительным, но я * никогда * не провел четыре часа, суетился по стилю, который заменяет таблицу. Вертикально-центрирование и автоматическое выравнивание по горизонтали намного проще, чем кажется многим разработчикам. – zzzzBov

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