css中设置div居中显示的方法
来源:秒知站 本文已影响1.26W人
来源:秒知站 本文已影响1.26W人
我们进行页面开发的时候,最经常用的就是div标签了,那么div中的内容如何居中显示呢,下面小编给大家分享一下。
工具/材料
Sublime Text
操作方法
首先我们用sublime先创建一个html,并且在html里面加入div,如下图所示
然后我们在div中加入一些文字,如下图所示,文字用span包裹起来
运行页面程序以后我们会看到文字在div的左上角,并没有居中的效果,如下图所示
接下来我们就需要用CSS给div中的内容设置居中了,如下图所示,通过text-align和line-height实现
最后运行界面程序,我们看到div中的内容这次水平和垂直都居中了,如下图所示
如何在Visual Studio中创建Grid++报表
Nvidia显示设置不可用
Visual Studio中如何安装第三方类库
CSS水平居中的9种方法
visual studio code教程:基础使用和自定义设置
如何使CAD中的图形快速居中显示
如何在Visual Studio 2015中创建MFC窗体应用
怎么用js显示隐藏div
vscode设置中文语言
Excel单元格怎么设置垂直居中显示
Wps表格中在任务栏中显示所有窗口怎么设置
Code Blocks中如何设置语言环境为中文
Visual Studio Code中如何搭建并运行NodeJS环境
EditPlus中如何设置JSON的格式化功能
Eclipse中如何通过JDBC连接SQL Server数据库
如何在Visual Studio中创建Winform窗体应用
如何在Windows10上设置任务栏上显示的图标
怎样让html中的img标签居中显示
电脑中提示msvcr71.dll丢失,怎么办
switch case语句在java中的应用
CSS文字垂直居中
如何在Visual Studio中发布编写好的Winform程序
如何设置手机中显示手机联系人和sim卡联系人
如何用Visual Studio创建MVC项目
Dev C++中如何创建Windows窗体项目
如何让DIV层在网页中居中显示
如何让DIV层在网页中居中显示
怎么设置vivo手机下载软件的首选安装位置为SD卡
WPS表格如何设置文字居中
如何在Access数据表中设置字段的数据类型
Excel中SUMIFS函数的使用详解和示例
朋友圈显示位置在什么地方设置
5s显示未安装sim卡,5s显示无sim卡
Word中将页面设置为多页显示 Word中将页面设置为多页显示的方法
Visual Studio中如何应用书签功能
xshow显示屏怎么设置 xshow显示屏的设置方法
Windows系统中有哪些方法开启Postgresql服务
Nvidia显卡设置/控制面板设置
VIVO手机如何设置将软件下载安装到外置SD卡?
Zend Studio中如何安装SVN插件
如何在Windows10中关闭显示器自定义缩放