Как сосредоточить один персонаж как по вертикали, так и по горизонтали в квадратном див. ⇐ CSS

[Anonymous]

Я хочу сосредоточиться на квадратном дивинге по произвольному характеру. Я признаю, что это звучит как очень простая задача, но ничего, что я пробовал Конкрета, допустим, что Div имеет высоту и ширину, равную 20EX, и, давайте скажем, что единственный символ-это так называемый «знак умножения»: ✕, приятно и симметрично. Я хочу, чтобы этот символ был расположен внутри квадратного дивирования 20Ex-20EX, так что точка, в которой два удара, крест, был мертвым центром, как по вертикали, так и по горизонтали, в пределах дел. < /P>
РЕДАКТИРОВАТЬ: < /p>
Я попробовал ответы, которые я получил до сих пор, здесь (см. Код ниже). Решения, данные Джедидией и Ашоком Кумаром Гуптой (вторым и третьим DOV), дают довольно похожие результаты, но (возможно, я вижу вещи), ✕ в третьем Div просто волосы выше Вертикальный центр. < /p>
html: < /p>

✕


✕


✕
< /code>
css: < /p>
.square-div{
height:5ex;
width:5ex;
float:left;
}
.the-char{
color:white;
}
#div0 {
background-color:#dc4916;
display:table-cell;
vertical-align:middle;
text-align:center;
}
#div1 {
background-color:#555555;
line-height:5ex;
text-align:center;
}
#div2 {
background-color:#a00;
display:table;
}
#div2 .the-char{
display:table-cell;
text-align:center;
vertical-align:middle;
}
< /code>

1 < /sup> я узнал, что независимо от того, как может появиться задача макета < /em> < /em> , мне все еще может потребоваться часы и часы, чтобы выяснить CSS для его достижения.


Подробнее здесь: https://stackoverflow.com/questions/201 ... -square-di