社区
CSS
帖子详情
如何让img在div中直接居右?不是用margin-left:auto吗?
Henery_002
2016-03-12 03:47:11
如何让img在div中直接居右?不是用margin-left:auto吗?在线等
...全文
1073
7
打赏
收藏
如何让img在div中直接居右?不是用margin-left:auto吗?
如何让img在div中直接居右?不是用margin-left:auto吗?在线等
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
u011151921
2016-04-15
打赏
举报
回复
<div style='background-color:red'> <img src='http://avatar.csdn.net/0/A/8/1_henery_002.jpg' > </div> margin:auto;和text-align:center; 都能实现居中的效果,但是在不同情况用的。。 你上面说的“margin-left:auto”这个应该是margin-left:auto;和margin-right:auto;都设置为auto,相当于margin:0 auto;这样的。 像我上面写的两种。。text-align:center;居中要求子级是要display:inline-block或inline才行的。 而margin:auto;居中是本身的居中,但类型必须为display:block; 根据情况正常margin:auto;用在框架居中。。而text-align:center;用在内容居中。
def123321123
2016-04-15
打赏
举报
回复
<div></div> *{margin:0; padding:0;} div{ width:600px; height:600px; background:url('../img/img1.jpg') no-repeat green right top; //图片定位在右上角。 }
usecf
2016-03-24
打赏
举报
回复
div 设置text-align:right; 或者直接写align:center试试
反重力落叶
2016-03-21
打赏
举报
回复
你给div设置text-align:right;这样会达到你说的效果
zhituji
2016-03-15
打赏
举报
回复
给包含图片的div设置{ text-align:center;}就是div内容全部居中显示
Zangxjun
2016-03-12
打赏
举报
回复
float:right
xuzuning
2016-03-12
打赏
举报
回复
<div style='background-color:red'>
<img src='http://avatar.csdn.net/0/A/8/1_henery_002.jpg' style='margin-left:80%'>
</div>
margin
-
left
:
auto
元素右对齐以及
margin
: 0
auto
水平居
中
的原理
margin
-
left
:
auto
;元素右对齐 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来
直接
上传(
img
-J26GDXEu-1575464621703)(Snipaste_2019-12-04_20-46-53.png)] 要实现上述右对齐的方式有很多,比如: flex设置justify-content: flex-end absolute定位设置rigth: 0 floa...
css【详解】——
margin
属性(含
margin
百分比值,
margin
负值,
margin
合并,
margin
:
auto
,
margin
失效)
目录
margin
合并的场景 1. 相邻兄弟元素
margin
合并 2.父级和第一个/最后一个子元素 阻止
margin
-top合并的方法 阻止
margin
-bottom合并的方法 3.空块级元素的
margin
合并 阻止空
div
元素的
margin
合并
margin
合并的计算规则
margin
合并的重要意义
margin
:
auto
的填充规则
margin
失效的场景
margin
属性的值为百分比值时,无论是水平方向还是垂直方向,都是相对宽度计算的
margin
合并的场景 ...
css
中
margin
:
auto
的使用?
login-page: login-form: <body> <
div
id="login-page" > <
div
class="login-form"> </
div
> </
div
> </body> #login-page { border:1px solid blue; } .login-form { border: 1px solid red; ...
拥有inline-block属性的
div
,设置
margin
:0
auto
不能水平居
中
对
div
使用了
margin
:0
auto
,却没有居
中
。换成对父元素使用text-align:center即可。 块级元素的水平属性 块级元素在水平方向上有7大属性,
margin
-
left
、border-
left
、padding-
left
、width、padding-right、border-right和
margin
-right。 这7大属性的值加起来必须是元素包含块的宽度(这一点记住,一会要考????)...
overflow-x:
auto
属性
当文本长度超出之后 overflow-x:
auto
属性自动产生横向滚动条 <template> <
div
class="content-container"> <title-bar titleName="案例详情"> <template slot="tool"> <
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章