Question

我已经找到了这个问题的零件和碎片，但我无法做到。

我正在尝试将徽标图像置于页面顶部，然后右侧对齐徽标图像下方的文本周围的第二个图像。我不确定清楚是否有效。到目前为止，我有这个：

.div1 {
display: block;
margin: 0 auto;
}

.div2 {
float: right;
margin: 0 0 10px 10px;
clear: right;
}

然后将图像设置为：

<div class="div1"> <img src="images/angiervineyardslogo.jpg" width="200"         height="167" alt=""/></div>text goes here ...
<div class="div2"><img src="images/pink_ribbon.png" width="155" height="253"     alt=""/></div>

我想创建一个响应式页面，所以我正在使用引导程序，但我对所有这些都偏离轨道...任何帮助将不胜感激。感谢

Answer 1

将类应用于图像并将所有样式放在CSS中，而不是放在HTML中

＆＃13;

.centered {
  display: block;
  width: 400px;
  height: 400px;
  margin: 0 auto;
}

＆＃13;

<img class='centered' src='https://static.pexels.com/photos/105066/pexels-photo-105066-large.jpeg'>

＆＃13;

Bootstrap Center Image和Right对齐另一张图片

1 个答案: