Выравнивание в ячейке таблицы в html: Атрибуты тега | htmlbook.ru

Leave a Comment / Html / By /

Выравнивание в ячейке таблицы по горизонтали и вертикали : TeXнические обсуждения

 
kostao 

 Выравнивание в ячейке таблицы по горизонтали и вертикали

03.02.2017, 19:41 

16/02/16
69

Как сделать выравнивание в каждой ячейке таблицы не только по горизонтали, но и по вертикали, когда ширина столбцов фиксирована.

\documentclass{beamer}

\begin{document}
\begin{tabular}{|p{30mm}|p{40mm}|}                                             
        123 & some text  some text  some text  some text  some text   \\
       
    some text some text  some text  some text  some text    & 321 \\
       
        123 432 & some text  some some text  some text  some text  some text    \\
                                               
\end{tabular}
\end{document}


   

                  

Red_Herring 

 Re: Выравнивание в ячейке таблицы по горизонтали и вертикали

03. 02.2017, 19:46 

Заслуженный участник

31/01/14
10661
Hogtown

http://tex.stackexchange.com/questions/113022/vertical-alignment-in-tabular-cells-with-variable-height


   

                  

kostao 

 Re: Выравнивание в ячейке таблицы по горизонтали и вертикали

03. 02.2017, 21:29 

16/02/16
69

Указанный пример не подходит, т.к. ширина второго столбца где выравнивание идет как по горизонтали, так и по вертикали не задается фиксированно, а формируется по содержимому.

— 03.02.2017, 22:43 —

Работает такой вариант:

\documentclass{article}
\usepackage[a4paper]{geometry}
\usepackage{tabularx}

\begin{document}
\begin{tabular}{>{\centering}p{30mm} p{22mm}<{\centering}}                                             
               
    \multicolumn{1}{ m{30mm} }{\centering{some text some text  some text  some text  some text}} & 321 \\
       
        {\centering{123 432}} &\multicolumn{1}{ m{22mm} }{\centering{some text  some some text  some text  some text  some text}}    \\
       
        \multicolumn{1}{ m{30mm} }{\centering{some text  some some text  some text  some text  some text}} & center \\
                                               
\end{tabular}
\end{document}

Слишком громоздко, можно проще сделать?


   

                  

Показать сообщения за: Все сообщения1 день7 дней2 недели1 месяц3 месяца6 месяцев1 год Поле сортировки АвторВремя размещенияЗаголовокпо возрастаниюпо убыванию 
  Страница 1 из 1
 [ Сообщений: 3 ] 

Модераторы: Karan, Toucan, PAV, maxal, Супермодераторы


Выравнивание текста в Numbers на iPad

Numbers

Поиск по этому руководству

Руководство пользователя Numbers для iPad

  • Добро пожаловать!
    • Основные сведения о приложении Numbers
    • Основные сведения об изображениях, диаграммах и других объектах
    • Создание электронной таблицы
    • Открытие электронных таблиц
    • Как избежать случайных правок
    • Персонализация шаблонов
    • Использование листов
    • Отмена и повтор изменений
    • Сохранение электронной таблицы
    • Поиск таблиц
    • Удаление электронной таблицы
    • Печать электронной таблицы
    • Изменение фона листа
    • Копирование текста и объектов из одних приложений в другие
    • Основы работы с сенсорным экраном
    • Использование Apple Pencil с приложением Numbers
      • Создание электронной таблицы с помощью VoiceOver
      • Создание формул и автозаполнение ячеек с помощью VoiceOver
    • Добавление и удаление таблицы
    • Выбор ячеек, строк и столбцов
      • Добавление и удаление строк и столбцов
      • Перемещение строк и столбцов
      • Изменение размера строк и столбцов
    • Объединение и разделение ячеек
      • Изменение внешнего вида текста в таблице
      • Отображение, редактирование и скрытие заголовка таблицы
      • Изменение цветов сетки
      • Использование стилей таблицы
    • Изменение размера, перемещение и открепление
      • Добавление текста в таблицы
      • Ввод данных с помощью форм
      • Добавление объектов в ячейки
      • Добавление биржевой информации
      • Добавление даты, времени и длительности
      • Автозаполнение ячеек
      • Копирование, перемещение и удаление содержимого ячеек
      • Создание снимка таблицы
      • Форматирование дат, значений валют и других типов данных
      • Добавление флажков и других элементов управления в ячейки
      • Форматирование таблиц с двунаправленным текстом
    • Перенос текста по словам для размещения в ячейке
    • Выделение ячеек
    • Сортировка по алфавиту и сортировка данных в таблице
    • Фильтрация данных
      • Основные сведения о категориях
      • Добавление, редактирование или удаление категорий
      • Изменение групп категорий
      • Добавление вычислений для обобщения данных группы
      • Основные сведения о сводных таблицах
      • Создание сводной таблицы
      • Добавление и расстановка данных сводной таблицы
      • Изменение параметров сортировки и группировки данных сводной таблицы и многое другое
      • Обновление сводной таблицы
      • Просмотр исходных данных, которые будут использоваться для значений сводной таблицы
    • Быстрое вычисление суммы, среднего значения и других значений
    • Использование клавиатуры формул
    • Расчет значений по данным в ячейках таблицы
    • Копирование и вставка формул
    • Использование справки по формулам и функциям
      • Выбор данных для создания диаграммы
      • Добавление столбчатых, полосчатых, линейных, площадных, круговых, кольцевых или лепестковых диаграмм
      • Добавление пузырьковых диаграмм и диаграмм рассеивания
      • Интерактивные диаграммы
      • Удаление диаграммы
      • Изменение типа диаграммы
    • Изменение данных диаграммы
    • Перемещение и изменение размеров диаграмм
      • Изменение внешнего вида серий данных
      • Добавление легенды, линий сетки и других меток
      • Изменение внешнего вида текста и меток на диаграмме
      • Добавление границы и фона к диаграмме
      • Использование стилей диаграммы
    • Выбор текста и размещение точки вставки
      • Добавление текста
      • Копирование и вставка текста
        • Форматирование электронной таблицы для другого языка
        • Использование фонетической транскрипции
        • Использование двунаправленного текста
        • Использование вертикального текста
    • Изменение внешнего вида текста
    • Использование стилей текста
      • Изменение регистра текста
      • Добавление буквиц
      • Лигатуры
      • Надстрочные и подстрочные символы
      • Автоматическое форматирование дробей
      • Формат тире и кавычек
      • Форматирование текста (китайский, японский, корейский)
      • Установка табуляторов
      • Выравнивание текста
      • Разбиение текста на колонки
      • Настройка межстрочного интервала
    • Форматирование списков
    • Добавление и редактирование уравнений
    • Добавление ссылок
      • Добавление изображения
      • Добавление галереи изображений
      • Редактирование изображения
      • Добавление и редактирование фигуры
      • Объединение или разъединение фигур
      • Сохранение фигуры в медиатеке фигур
      • Добавление и выравнивание текста внутри фигуры
    • Добавление линий и стрелок
    • Добавление и редактирование рисунков
      • Добавление аудио и видео
      • Запись видео и звука
      • Редактирование аудио- и видеофайлов
    • Выбор формата фильма
      • Размещение и выравнивание объектов
      • Использование направляющих линий
      • Размещение объектов внутри текстового блока или фигуры
      • Наложение, группировка и закрепление объектов
    • Изменение прозрачности объектов
    • Заливка объектов цветом или изображением
    • Добавление границы объекта или листа
    • Добавление подписи или заголовка
    • Добавление отражения или тени
    • Использование стилей объектов
    • Изменение размеров, поворот и зеркальное отражение объектов
    • Поиск определения слова
    • Поиск и замена текста
    • Автоматическая замена текста
    • Проверка правописания
    • Задание имени автора для комментариев
    • Выделение текста цветом
    • Добавление и печать комментариев
    • Отправка таблицы
    • Основные сведения о совместной работе
    • Приглашение к совместной работе
    • Совместная работа над общей электронной таблицей
    • Просмотр последних действий пользователей в общей таблице
    • Изменение настроек общей электронной таблицы
    • Закрытие общего доступа к электронной таблице
    • Общие папки и совместная работа
    • Использование Box для совместной работы
    • Использование iCloud с приложением Numbers
    • Импорт таблицы Excel или текстового файла
    • Экспорт в Excel или другой формат
    • Восстановление более ранней версии электронной таблицы
    • Перемещение электронной таблицы
    • Защита электронной таблицы паролем
    • Создание собственных шаблонов и управление ими
      • Перенос таблиц с помощью AirDrop
      • Передача электронных таблиц с помощь Handoff
      • Перенос таблиц через Finder
    • Сочетания клавиш
    • Символы сочетаний клавиш
  • Авторские права

Текст в ячейке таблицы, текстовом блоке или фигуре можно выравнивать по левому или правому краю, по центру или по обоим краям (по ширине).

Выравнивание текста по краям и по ширине

  1. Касанием выберите текстовый блок или фигуру с текстом. При работе с таблицей коснитесь ячейки таблицы или выберите строку или столбец.

  2. Коснитесь .

  3. Коснитесь «Текст» или «Ячейка», затем коснитесь любой из кнопок выравнивания.

Установка полей для текста

Можно настроить расстояние между текстом и текстовым блоком или фигурой, содержащими этот текст.

  1. Коснитесь фигуры или текстового блока либо выберите конкретный текст.

  2. Коснитесь , затем коснитесь «Текст».

  3. В разделе «Поле» касайтесь , чтобы уменьшить или увеличить поле, или коснитесь размера поля и введите новое значение.

См. такжеФорматирование списков в Numbers на iPad

Максимальное количество символов: 250

Не указывайте в комментарии личную информацию.

Максимальное количество символов: 250.

Благодарим вас за отзыв.

html — Выровнять таблицу внутри ячейки таблицы

спросил

Изменено 7 лет, 8 месяцев назад

Просмотрено 1к раз

У меня есть следующий html, где таблица ОШИБОК центрирована не справа. Другой контент, который не является (вложенной) таблицей, правильно выравнивается в соответствии с его классом.

 <таблица>

  а
  <тд>б
  <тд>с


 <тд>
    <таблица>
    
      <тд>е
      <тд>ф
      <тд>г
    
    
 
 <тд>ч
 <тд>я

Это использование css:

 td.r {
    выравнивание текста: вправо;
}
тд.л {
    выравнивание текста: по левому краю;
}

Что-то не так в коде? Я могу выровнять таблицу внутри другой? Спасибо

  • html
  • css

Если вы установите display: inline-table для своей внутренней таблицы, то она будет вести себя правильно с настройками выравнивания текста, которые вы установили для ячеек таблицы.

Свойство text-align влияет на встроенные элементы, а не на элементы блочного уровня.

 таблица {
  ширина: 100%;
}
таблица.внутренняя {
  отображение: встроенная таблица;
  ширина: авто;
  граница: 1px сплошной синий;
}
тд {
  граница: 1px пунктирная серая;
}
тд.р {
  выравнивание текста: вправо;
}
тд.л {
  выравнивание текста: по левому краю;
} 
 <таблица>
  
    а
    <тд>б
    <тд>с
  
  
    <тд>
      <таблица>
        
          <тд>е
          <тд>ф
          <тд>г
        
      
    
    <тд>ч
    <тд>я

в css, когда вы хотите изменить класс, попробуйте пометить его как .classname , очень похоже на то, как id равен #idname , поэтому в вашем случае попробуйте изменить свой td.r на просто .r и ваш тд.л всего .л

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но никогда не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

html — Выровнять по центру ячейки таблицы

спросил

Изменено 1 год, 8 месяцев назад

Просмотрено 176 тысяч раз

Я пытаюсь использовать способ ячейки таблицы для центрирования div по вертикали и горизонтали.

Это работает, когда я использую следующий код:

 раздел {
  дисплей: таблица;
}
.лого {
  отображение: таблица-ячейка;
  положение: абсолютное;
  вертикальное выравнивание: посередине;
  слева: 0;
  справа: 0;
  внизу: 0;
  сверху: 0;
  маржа: авто;
}

Но я бы предпочел обернуть .logo в другой div с именем .center , как здесь JSFiddle, но по какой-то причине, хотя это работает в JSFiddle, у меня это не работает на моем сайте.

  • HTML
  • CSS

6

Вот хорошая отправная точка.

HTML:

 

    <дел>
        <дел>

CSS:

 .содержащая-таблица {
    дисплей: таблица;
    ширина: 100%;
    высота: 400 пикселей; /* только для демонстрации */
    граница: 1px пунктирная синяя;
}
.центр-выравнивание {
    отступ: 10 пикселей;
    граница: 1px пунктирно-серый;
    отображение: таблица-ячейка;
    выравнивание текста: по центру;
    вертикальное выравнивание: посередине;
}
. содержание {
    ширина: 50 пикселей;
    высота: 50 пикселей;
    цвет фона: красный;
    отображение: встроенный блок;
    вертикальное выравнивание: сверху; /* Удаляет лишние пробелы под базовой линией */
}

См. демонстрацию по адресу: http://jsfiddle.net/audetwebdesign/jSVyY/

.content-table устанавливает контекст ширины и высоты для .centre-align (таблица-ячейка).

Вы можете применить выравнивание текста и вертикальное выравнивание , чтобы изменить .center-align по мере необходимости.

Обратите внимание, что .content должен использовать display: inline-block , если он должен быть центрирован по горизонтали с использованием свойства text-align.

2

Это было бы проще сделать с помощью flexbox. Использование flexbox позволит вам не указывать высоту вашего контента и может автоматически регулировать высоту, которую он содержит.