我是个新手，所以当我尝试用CSS的方式对齐我的图像时，它失败了。使图像与屏幕右侧对齐的唯一方法是定位图像。有其他选择吗？"@material-ui/styles";
main: {justifyContent: "flex-end"header: {},img: {
justifySelf:
浏览 26提问于2019-07-24得票数 0
2回答
图像未正确对齐
、、、、
它们工作得很好，除了它们不会与底部对齐(您可以看到右边的图片比左边的图片稍微高一点)。有没有办法解决这个问题？ width: 100%;} width: 100%;} width: 50%;.
浏览 9提问于2017-01-14得票数 0
回答已采纳
1回答
我试图让头像与左侧对齐，文本连接右侧，当文本变长时，它将从右向左书写。f2f2f2; font-family: Sansation-Bold; margin: 1.5rem; padding-left: 2.5rem;">MrRobot</p>
<img
浏览 13提问于2020-07-27得票数 0
3回答
我尝试使用justify-self: flex-end将图像与垂直轴的底部对齐，这样就不会影响父容器中的其他项，并将图像放在父容器的底部，但它不起作用。但是，当我使用justify-content: flex-end时，它可以工作并将整个内容推到底部，但我只希望图像与底部对齐。我做错了什么?我该如何解决这个问题？ flex: 1;.img-container {}
.im
浏览 32提问于2018-12-13得票数 0
回答已采纳
刚接触Material UI和flex时，我已经阅读了很多文档，但由于某些原因，我不知道如何使用Material UI <CancelIcon />并仅在<Drawer />中对齐该图标。column', cancelBtn: { cursor: 'pointer',
浏览 38提问于2021-01-15得票数 0
回答已采纳
3回答
以下是所有相关的HTML： <div style="border: 2px solid red; display: flex; justify-content: flex-end;"><a style="align-self: flex-end; margin-left: auto;" href="index.html">
<img style="width:
浏览 6提问于2022-07-27得票数 -1
回答已采纳
1回答
我当前正在尝试将flexbox中的最后一个元素与其在flexbox底部的元素的高度对齐，但我无法做到这一点。我只想让“更多的东西”放在盒子的底部，并向右对齐，但我无法通过阅读flexbox规范来弄清楚如何做到这一点。HTML： <img/> <p> </p>
</div&g
浏览 32提问于2018-05-31得票数 1
2回答
在div中右对齐图像时出现的问题
、、、、
我在div中右对齐图像时遇到了问题。我试过text-align: right，但它似乎不起作用。我还尝试了bootstrap类text-right，它也没有做任何事情。align-items: center; <img
浏览 44提问于2021-02-01得票数 0
回答已采纳
2回答
不用说，我需要一个在不知道div宽度的情况下工作的解决方案，虽然我知道图像宽度，但我看不出这有什么帮助。
我可以看到这个问题的背景图像解决方案，但使用图像作为元素会很好，这样我就可以应用视网膜图像。如果我想出一个部分解决方案，我会粘贴代码，但目前我不确定如何继续。
浏览 0提问于2018-07-13得票数 1
2回答
我目前正在运行以下代码：<div style="img"/> <img src="superman.png" alt="" height="25%" width="25%"/>
<img src="batman.png&
浏览 14提问于2017-03-16得票数 0
回答已采纳
1回答
如何在CSS中设计通知容器？
、、、、
如果通知堆栈大于窗口的高度，则顶部的旧通知必须移动到下一个堆栈，该堆栈必须显示在较新的通知堆栈的左侧。类似地，如果第二个堆栈达到窗口的高度，那么最古老的通知应该移到第三个堆栈。container { display: flex; justify-content: flex-end; align-content: flex-end;
align-items: f
浏览 2提问于2022-06-12得票数 1
回答已采纳
我正在使用flexbox，我试图让第n个子元素(奇数)对齐项目:flex-start和第n个子元素(偶数) align-items:flex-end，但所有的子元素都将对齐为第一个child.How。我的目标是让它看起来有点像facebook messenger。 display: flex; flex-direction: column;
.received-message
浏览 10提问于2018-01-30得票数 2
回答已采纳
4回答
因此，我想对齐项目在弹性框内，如在上面的图片。我有以下html： <div class="flex-item"> </div> <img src="/defaul
浏览 3提问于2019-05-27得票数 0
回答已采纳
3回答
display: flex; justify-content: flex-end; padding:.4rem; justify-self: start;} <a href="/" class="logo"><img src">Gigs</a>
浏览 11提问于2022-10-14得票数 0
回答已采纳
2回答
是否有一种方法只让容器项目在图像增长时填充，这样就没有空白，或者是否可以将图像与屏幕的左边或右侧对齐(自我对齐似乎不起作用)？我不知道这是什么答案。 display: flex;}
flex-grow: 1;}
flex-grow: 2;<div class=&q
浏览 2提问于2018-05-06得票数 3
回答已采纳
我可以在链接的沙箱项目上复制这个问题，但基本上我希望文本的底部(不同的字体大小)对齐/在相同的y轴上。不知道还能怎么说。
看看这张照片，看看我需要什么。下面的代码。我遗漏了什么？
浏览 0提问于2021-08-26得票数 0
2回答
我希望它们彼此在底部对齐，但我希望整个组中心在一个包含的盒子内对齐。} font-size: 0;<body> <div id='wrapper'>
<
浏览 3提问于2016-11-08得票数 2
回答已采纳
2回答
我尝试使用vertical-align将图像与out div元素的底部对齐，但此vertical-align似乎不起作用，图像根本没有移动。<div class="row"> <img src="..有没有什么方法可以使图像div与外部div的底部对齐?这就是第二个div的height，即300px;。
浏览 6提问于2016-02-16得票数 2
回答已采纳
我试着在另一个里面对齐底部的几个div。它很容易与包含图像的div一起使用flex，但是如果我将文本放在几行上足够长，那么所有div都与第一个文本行对齐。line-height: normal;<div class="objet liste" id="dsk0"> </di
浏览 0提问于2018-05-01得票数 0
回答已采纳
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
