2013-03-31 2 views
0

У меня есть этот код, который в данный момент отображает информацию, как это:Выравнивание данных в PHP/HTML

<?php 
    mysql_connect("localhost","example","password") or die("Could not connect to localhost"); 
mysql_select_db("exampledb") or die("Could not connect to database"); 
$result = mysql_query("SELECT * FROM tablexample"); 

echo "<b>" . "Name" . "</b>" . "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" . "<b>" . "Number" . "</b>"; 
echo "<br/>"; 
echo "<br/>"; 
while ($row = mysql_fetch_array($result)) 
    { 
echo ucwords($row['name']) . "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" . ucwords($row['number']) . "<br>"; 
echo "<hr width='20%'>"; 
    } 
?> 


Name    Number 

B    (888) 888-3545 
C   (098) 545-4354 
Cl    (888) 888-3545 
Da    (888) 888-3545 
H    (888) 888-3545 
H    (888) 888-3545 
Khzdf    (888) 888-3545 

, но я хочу их выровнять, как это (он должен переопределить, сколько букв каждое имя имеет и имеют тот же площадь:

Name    Number 

B    (888) 888-3545 
C    (098) 545-4354 
Cl    (888) 888-3545 
Da    (888) 888-3545 
H    (888) 888-3545 
H    (888) 888-3545 
Khzdf   (888) 888-3545 

- будет ли это сделать в CSS или PHP

ответ

0

Самый быстрый способ решить эту проблему.

В своем коде вы можете изменить это:

echo ucwords($row['name']) . "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" . ucwords($row['number']) . "<br>"; 

к этому:

echo "<span style='display:inline-block; width:200px; text-align:left;'>" . ucwords($row['name']) . "</span><span style='display:inline-block; text-align:left;'>" . ucwords($row['number']) . "</span><br>"; 

Примечание: изменение 200px по мере необходимости.

+0

Спасибо, что выглядит хорошо, за исключением того, что текст находится справа от экрана. Как я могу сделать это так, чтобы он находился в центре экрана? ПРИМЕЧАНИЕ: Я уже пробовал

+0

Добро пожаловать. Это зависит от многих факторов, но самым быстрым было бы следующее: ** эхо "

" . ucwords($row['name']) . "" . ucwords($row['number']) . "

"; ** – Arbel

+0

Просьба пояснить причину голосования. – Arbel

4

Рассматривали ли вы с помощью таблицы таблицы велики .... для отображения структурированных данных

?
<table> 
    <thead> 
     <tr> 
      <th>Column1</th> 
      <th>column</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Column1 data</td><td>column 2 data</td> 
     </tr> 
    </tbody> 
</table> 
+0

Что такое thead ???? –

+0

'' обозначает 'заголовок таблицы', он должен использоваться для обертывания частей заголовка таблицы: –

+0

ok спасибо, что это работает –

0

Будет ли это сделано в CSS или PHP?

Ни то, ни другое! HTML <table> - это то, что вы ищете .. они также являются семантическими.

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