在div中对齐内联元素的最佳做法是什么？

例如，如果我有一个父div和5个图像，我想要在图像周围留有一点空白的div。在div中对齐内联元素的最佳做法是什么？

2012-02-08 TJS

使用容器上的文字对齐CSS值：

div { 
text-align: center; 
}

而且保证金适用于每个图像的内部：

div img { 
margin: 5px; 
}

来源

2012-02-08 17:53:18 iiz

如果您发现该答案解决了您的问题，请将其标记为已接受[http://meta.stackexchange.com/a/5235](http://meta.stackexchange.com/a/5235） – iiz 2012-02-08 18:36:26

试试这个：http://jsfiddle.net/QrgGH/1/ substitue的div进行的img节点

来源

2012-02-08 17:56:42 zero

我是确定它并不重要，但我的图像是并排的，它并不适合我：/ .divName { \t position：absolute; } .div img { \t border：4px solid #fff; \t margin：auto; \t margin-top：5px; \t位置：相对; – TJS 2012-02-08 18:08:18

并排？你漂浮他们吗？父div的宽度是多少？继续并发布您的HTML和CSS代码，以便我们可以看看 – zero 2012-02-08 18:14:17

让我只是说，它工作正常，当我只是文本对齐：中心;母公司。我只是不知道这是否是正确的做法。这是我的html/css： '

' '.div {0} {0} {0} {发送给朋友} text-align：center; } .div img { \t border：4px solid #fff; \t margin：auto; \t margin-top：5px; }' – TJS 2012-02-08 18:18:21

<div class="container"> 
    <div class="images"> 
    <img src="#" alt=""> 
    <img src="#" alt=""> 
    <img src="#" alt=""> 
    </div> 
</div> 

img{max-width: 100%; height: auto;} 
.container{text-align:center;} 
.images{margin: 5px;}

阅读关于块和内联元素的一些信息

来源

2016-11-19 13:00:55

在div中对齐内联元素的最佳做法是什么？

回答

相关问题