将Img标签与每个图像下方的p标签并排对齐-CSS
悉达多·阿索坎（Siddharthan Asokan）
我正在尝试将图像文件与其下面的图像描述并排对齐。这是我的代码如下：
for (var i = 0; i < imgFilePathArray.length; i++) {
//html & css
var elementID = 'img' + (i+1).toString();
var element = document.createElement('img');
element.src = imgFilePathArray[i];
console.log(imgFilePathArray[i]);
element.id = elementID;
document.body.appendChild(element);
document.getElementById(elementID).style.width='50%';
element.style.height = 300;
element.style.display = 'inline-block';
if (i > 1) {
var errorP;
if (i%2==0) {
var frontErrorArray = errorInfo[buildVersion[buildCount]].split("$")[0];
var errorString = "";
errorString = frontErrorArray.toString();
//html & css
errorP = document.createElement('p');
var errorTextNode = document.createTextNode(errorString);
errorP.appendChild(errorTextNode);
}else{
var backErrorArray = errorInfo[buildVersion[buildCount]].split("$")[1];
var errorString = "";
errorString = backErrorArray.toString();
console.log(errorInfo[buildVersion[buildCount]].split("$")[1]);
//html & css
errorP = document.createElement('p');
var errorTextNode = document.createTextNode(errorString);
errorP.appendChild(errorTextNode);
buildCount = buildCount + 1;
}
document.body.appendChild(errorP);
};
}
上面的执行为我提供了如下图所示的布局： 
我希望图像在彼此的旁边，并且文字在每个图像的正下方。任何想法我应该修改哪种CSS样式以达到该状态？
瓦迪姆
基本上，您需要使包含图像和文本的div具有css样式float：left才能实现此目的。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何使用CSS并排对齐p标签？
- 2
CSS将标签与输入对齐
- 3
css将p标签的某些项平均对齐
- 4
将CSS应用于嵌入img标签的SVG图像
- 5
使用CSS将标签水平对齐
- 6
CSS多行标签对齐
- 7
PageDown：使用JavaScript将CSS类添加到每个<img>标签
- 8
如何将 box-shadow 设置为具有透明角的图像的 <img> 标签？(CSS)
- 9
标签的css，但不包含图像的标签的css
- 10
背景图像CSS不显示在img标签中
- 11
如何覆盖css的img标签
- 12
将标签与同一行上的跨度对齐-CSS
- 13
如何将标签和输入与CSS对齐
- 14
将 <iframe> 标签对齐到 HTML 和 CSS 的中心
- 15
css - 删除锚标签下方的空白
- 16
CSS：将IMG标签放置在div中且溢出
- 17
使用CSS放大图像周围的<p>标签边框和背景
- 18
CSS问题：垂直对齐标签DIV
- 19
CSS中心在标签字段中对齐
- 20
CSS和标签输入对齐方式与表格
- 21
CSS：如何获取包装标签以对齐
- 22
在CSS网格中对齐表单标签？
- 23
将CSS中的多个图像并排居中
- 24
使用CSS在img标签上渐变
- 25
img标签上的CSS的width属性
- 26
CSS中垂直中间对齐的图像和文本并排
- 27
如何在CSS中的图像下方对齐文本？
- 28
如何在CSS中的图像下方对齐文本？
- 29
无法在img标签中使用来自CSS的base64图像
我来说两句