我们进行页面开发的时候 ， 最经常用的就是div标签了 ， 那么div中的内容如何居中显示呢 ， 下面小编给大家分享一下 。 东西/材料 Sublime Text
操作方式 01 起首我们用sublime先建立一个html ， 而且在html里面插手div ， 如下图所示
文章插图
02 【css中设置div居中显示的方法】然后我们在div中插手一些文字 ， 如下图所示 ， 文字用span包裹起来
文章插图
03 运行页面法式今后我们会看到文字在div的左上角 ， 并没有居中的结果 ， 如下图所示
文章插图
04 接下来我们就需要用CSS给div中的内容设置居中了 ， 如下图所示 ， 经由过程text-align和line-height实现
文章插图
05 最后运行界面法式 ， 我们看到div中的内容此次程度和垂直都居中了 ， 如下图所示
文章插图
以上内容就是css中设置div居中显示的方法的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 在Word表格中如何按拼音排序？
- EXCEL表格中如何制作简单的流程图
- word中大字体的打印
- 如何去除Excel表格中多余的空白行
- 用CAD设置绘图区域
- 怎样在WPS文档中插入一页或多页横向页面
- 高考倒计时手机桌面如何设置
- 在Edraw Max中创建细菌图的方法
- 如何在Edraw Max中创建麦克风
- 怎样在Edraw Max中创建带圆形边框的多角星