鱼C论坛

 找回密码
 立即注册
查看: 2945|回复: 4

[已解决]DIV简单问题 为什么我设置了不能居中

[复制链接]
发表于 2018-5-10 21:31:23 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
是我的软件出问题了 还是怎么回事啊
最佳答案
2018-5-11 09:07:51

1、鱼油的div用的id,所以样式设置用的就应该是id选择器;

.al——》用于class,鱼油没有设置,所以居中没有效果。(想用class,就把id改成class="al")

只需要在#al:
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>居中</title>
  6.     <style>
  7.         #al{
  8.             width: 100px;
  9.             height: 100px;
  10.             background-color: red;
  11.             margin-left: auto;
  12.             margin-right: auto;
  13.         }
  14.     </style>
  15. </head>
  16. <body>
  17. <div id="al">aa</div>
  18. </body>
  19. </html>
复制代码

Snip20180511_126.png


小技巧:
  1.     margin-left: auto;
  2.             margin-right: auto;
复制代码


等价于:
  1. margin: 0 auto;
复制代码


推荐阅读:0 0 2 3 - 选择器之谜思


1.png
2.png
3.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2018-5-10 21:40:21 | 显示全部楼层
<div align="center">

</div>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-5-10 21:49:22 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-5-11 07:51:46 | 显示全部楼层
你那个.al是类选择器  #al才是你要选的那个div,你把那个.al的全删了,所有的属性设置都放到#al里就对了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-5-11 09:07:51 | 显示全部楼层    本楼为最佳答案   

1、鱼油的div用的id,所以样式设置用的就应该是id选择器;

.al——》用于class,鱼油没有设置,所以居中没有效果。(想用class,就把id改成class="al")

只需要在#al:
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>居中</title>
  6.     <style>
  7.         #al{
  8.             width: 100px;
  9.             height: 100px;
  10.             background-color: red;
  11.             margin-left: auto;
  12.             margin-right: auto;
  13.         }
  14.     </style>
  15. </head>
  16. <body>
  17. <div id="al">aa</div>
  18. </body>
  19. </html>
复制代码

Snip20180511_126.png


小技巧:
  1.     margin-left: auto;
  2.             margin-right: auto;
复制代码


等价于:
  1. margin: 0 auto;
复制代码


推荐阅读:0 0 2 3 - 选择器之谜思


想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-29 06:50

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表