新建一个html文件 ， 定名为test.html ， 用于讲解css怎么设置div居左、居右、居中 。
2在test.html文件内 ， 初始化div的样式 ， 设置div的表里边距都为0 。
3【css怎么设置div居左、居右、居中】在test.html文件内 ， 建立一个div ， 并设置其class属性为con ， 本家儿要用于下面临该类名进行css样式设置 。
4为了展示较着的结果 ， 在css中设置div宽度为200px ， 高度为200px ， 布景颜色 为红色 。
5设置div居中显示 。 本家儿要经由过程设置margin属性来实现 ， 例如 ， 下面代码实现了div的居中显示 。
6设置div居左显示 。 本家儿要经由过程设置div的浮动属性来实现 ， 设置浮动标的目的左 ， 则div居左对齐 。
7设置div居右显示 。 本家儿要经由过程设置div的浮动属性来实现 ， 设置浮动标的目的右 ， 则div居右对齐 。
以上内容就是css怎么设置div居左、居右、居中的内容啦 ， 希望对你有所帮助哦！
猜你喜欢
- 如何用css设置div与div之间的间距
- 怎么查微信小视频的拍摄时间
- CSS如何去掉div的边框
- 网易云音乐怎么开启桌面歌词
- 荣耀10如何设置锁屏图片
- WiFi密码忘记了怎么办 怎样用手机查看无线密码
- 怎么在手机上修改wifi密码
- 苹果手机的siri开启之后如何设置成英文模式
- 猎魔人1.0正式版攻略 新手单刷通关开局怎么玩
- 王者荣耀怎么刷英雄的熟练度