让div中的文字居中显示
2008-03-29 16:13
204 查看
<html> <head> <title>test</title> <style> body{ TEXT-ALIGN: center; } #center{ MARGIN-RIGHT: auto; MARGIN-LEFT: auto; height:200px; background:#F00; width:400px; vertical-align:middle; line-height:200px; /* 说明: vertical-align:middle;表示行内垂直居中,将行距增加到和整个DIV一样高line-height:200px;然后插入文字,就垂直居中了。 */ } </style> </head> <body> <div id="center"><p>test middle</p></div> </body> </html>
相关文章推荐
- html使用display:inline-block实现标签右对齐,值左对齐效果。和设置div宽度,并居中显示。嵌套div的里层div文字居中显示
- 让文字在div中垂直居中显示
- css实现文字竖直排列 并且在div中居中显示
- 文本文字在DIV中垂直水平居中显示
- 如何设置图片、文字在容器(div)中垂直居中的显示?
- 让文字在固定高度的div中垂直居中显示
- 如何设置图片、文字在容器(div)中垂直居中的显示?
- Css实现Div在页面上垂直居中显示
- div中让文字垂直居中
- div小型浮动层,类似锚点提示文字,鼠标点击按钮显示/隐藏
- 设置文字在div中垂直居中,使用line-height
- 设定div始终居中显示
- div内容居中显示
- jquery 控制 div 显示文字
- div内文字和控件垂直居中
- 文字或图片元素在DIV中垂直居中
- CSS 图片在DIV中垂直居中的显示方法
- css设置div垂直居中显示
- div 文字垂直居中 水平居中 div css 文字垂直居中 水平居中
- CSS实现超出DIV宽度文字自动隐藏并显示省略号