为了账号安全,请及时绑定邮箱和手机立即绑定

为什么是居中的?

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>对齐</title>

<style type="text/css">

div{text-align:center;}

</style>

</head>

<body>

<div align="right"><img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" ></div>

</body>

</html>


正在回答

5 回答

div是占整行,你设置align="right"没用,div{text-align:center;}是内容居中,所以图片就居中了

0 回复 有任何疑惑可以回复我~
#1

qq_痞子绅士_1 提问者

非常感谢!
2016-11-29 回复 有任何疑惑可以回复我~

beta2以前代码中有中文,提示就会实效,beta3修复了int

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//58424cb20001ecc308960369.jpg这是效果

3 回复 有任何疑惑可以回复我~

我觉得最佳回答有问题。首先你在嵌入式CSS中是定义了图片居中,而又在下面div中设置了align=right的属性,这是内联式CSS,根据就近原则,本来应该图片是居右的。之所以不生效,是因为内联式有误,只要你把下面代码改成<div style="text-align:right;">图片就可以居右了 不信你试试

7 回复 有任何疑惑可以回复我~

给个标签把

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1226070    人
  • 解答问题       18236    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

为什么是居中的?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信