DIV中的文字居中方法<水平居中、垂直居中>
2018-01-23 13:57
363 查看
如题,不啰嗦。
jsp页面部分代码:
<div class="font_div">
DIV文字
</div>
设置DIV样式:
.font_div{
background-color: red;
height: 100px;
width: 60px;
text-align:center; /* 水平居中 */
line-height: 100px; /* 垂直剧终 */
}效果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/25/9afc27e0f428b50d050a3b637f7f6b7d)
如果有书写错误的地方,或者是有问题的地方请及时评论或者是私信,以免误导个别萌新。
虽然,我也是个萌新。
你好,我叫吕小布。
jsp页面部分代码:
<div class="font_div">
DIV文字
</div>
设置DIV样式:
.font_div{
background-color: red;
height: 100px;
width: 60px;
text-align:center; /* 水平居中 */
line-height: 100px; /* 垂直剧终 */
}效果:
如果有书写错误的地方,或者是有问题的地方请及时评论或者是私信,以免误导个别萌新。
虽然,我也是个萌新。
你好,我叫吕小布。
相关文章推荐
- <转载>使CSS文字图片div元素居中方法之水平居中的几个方法
- 在IE8,FF中<select>控件文字垂直居中的处理方法
- <转载>使CSS文字图片div元素居中方法之水平居中的几个方法
- 图片在DIV中水平与垂直居中<转>
- 纯css多种方法实现div中单行文字、多行文字及嵌套div垂直水平居中
- <转载>使CSS文字图片div元素居中方法之水平居中的几个方法
- CSS文字图片div元素居中方法之水平居中
- div垂直和水平居中的几种方法
- 小的div在大的div中垂直居中 方法一: 1、代码: 1 <div style="width:200px;height:200px;border:solid blue;position:rela
- div文字水平垂直居中
- HTML+CSS,让div在屏幕中居中(水平居中+垂直居中)方法总结
- 实现div水平、垂直居中的几种方法
- 如何将一个div水平垂直居中?6种方法做推荐
- 让DIV水平垂直居中的两种完美方法推荐
- 文字在div中垂直居中的方法,设置div的高度height和行高line-height一致
- div垂直居中的N种方法 单行/多行文字(未知高度/固定高度)
- Div水平垂直居中的几个方法
- 让HTML中的文本框<input type="text">中的文字垂直居中
- div中的文字垂直水平居中
- 关于<img>标签与文字垂直居中