2013-09-10 2 views
0

Я использую asp.net. Я хочу показать содержимое div в середине. но он показывает содержание в верхней части. мой Div следующим образом:Как показать содержание div в середине div

<div style=" height:100px; width:100px; float:left; background:#666666;"> 
    <span>about us</span> 
    </div> 

Как я могу показать содержимое посередине. Я использовал Margin и padding, но он показывает результат во всем div, а не в содержании. Как я могу это сделать, пожалуйста, помогите, я новичок в asp.net.

спасибо

+0

Избегайте встроенных правил CSS, насколько это возможно. – hallaji

ответ

1

Вы должны изменить отображение дел до таблицы-клетки, а затем вы можете использовать вертикальное выравнивание свойства, как указано

<div style=" height:100px; width:100px; float:left; background:#666666; display: table-cell; vertical-align: middle"> 
    <span>about us</span> 
    </div> 

проверить это

1

Попробуйте это:

<div style=" height:100px; width:100px; float:left; background:#666666;text-align:center"> 
    <span>about us</span> 
    </div> 
+0

Он выравнивает текст только по горизонтали, но не по вертикали. – Sasidharan

1

Если вы хотите выровнять его по горизонтали, ответ Bibhu будет делать.

Чтобы выровнять его по вертикали в середине, добавьте это к вашему стилю:

line-height: 100px; 
vertical-align: middle; 
1

Просто удалите поплавок: левый и добавить текст выравнивания свойства и высоту строки свойства.

<div style=" height:100px; width:100px;background:#666666;text-align:center;line-height:100px;"> 
    <span >about us</span> 
</div> 

enter image description here

1

Попробуйте это:

height:100px; width:100px; background:#666666; line-height:100px; 
+0

Благодарим вас за добро. Время и усилия для решения моей проблемы. Спасибо вам всем. – Arunesh

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