CSS соответствующий способ центрировать содержание
Я надеюсь, что это поможет вам
public function importCsv()
{
$file = public_path('upload/test.csv');
$customerArr = $this->csvToArray($file);
for ($i = 0; $i < count($customerArr); $i ++)
{
// $customerArr[$i];
//get data and insert or you ca use
}
print_r($customerArr);
}
function csvToArray($filename = '', $delimiter = ',')
{
if (!file_exists($filename) || !is_readable($filename))
return false;
$header = null;
$data = array();
if (($handle = fopen($filename, 'r')) !== false)
{
while (($row = fgetcsv($handle, 1000, $delimiter)) !== false)
{
if (!$header)
$header = $row;
else
$data[] = array_combine($header, $row);
}
fclose($handle);
}
return $data;
}
5 ответов
Вы правы это text-align предназначается для выравнивания текста. Это - на самом деле только Internet Explorer, который позволяет Вам центрировать что-либо кроме текста с ним. Любой другой браузер обрабатывает это правильно и не позволяет элементам блока быть затронутыми text-align.
Для центрирования элементов блока с помощью CSS, Вы используете margin: 0 auto; так же, как предложенный Joe Philllips. Хотя Вы не должны сохранять таблицу вообще.
Причина, что существует нет float: center; то плавание, предназначается, чтобы поместить элементы (обычно изображения) или налево или право и иметь текстовый поток вокруг них. Плавание чего-то в центре не имеет смысла в этом контексте, поскольку это означало бы, что текст должен будет течь с обеих сторон элемента.
Вот хороший ресурс для центрирования использования CSS.
http://www.w3.org/Style/Examples/007/center
Это демонстрирует, как центрировать текст, блоки, изображения и как центрировать их вертикально.
Где Вы делаете обычно это? Для меня - я чаще всего пытаюсь центрировать весь дизайн сайта, таким образом, я обычно делаю это:
<html>
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="content">
</div>
<div id="footer">
</div>
</div>
</body>
</html>
body {text-align:center;}
#wrapper {margin:0 auto; text-align:left; width:980px;}
Это будет центрировать весь дизайн на странице в 980 пкс шириной, все еще оставляя весь Ваш текст выровненным по левому краю (как долго, поскольку тот текст в #wrapper элемент).
Я рекомендовал бы поместить a <div> в Ваш <td> и установка атрибута стиля к style="width: 200px; margin: 0 auto;"
Выгода - то, что необходимо установить фиксированную ширину.
Править: После рассмотрения вопроса снова, я рекомендовал бы фрагментировать таблицу полностью. Просто используйте a <div style="width: 200px; margin: 0 auto;> поскольку я предложил и никакая потребность в таблице.
ответ d03boy корректен для правильного способа центрировать вещи.
Для ответа на другой комментарий, "Кроме того, это, кажется, имеет эффект на выравнивание текста вложенных элементов, которое требует, чтобы тонкая настройка зафиксировала". Это - природа того, как CSS работает, устанавливание свойства на элементе влияет на всех своих детей, если свойство не переопределяется одним из них (предположение, что свойство является тем, которое наследовано, конечно).