html - 居中和水平对齐图像

标签 html css twitter-bootstrap

表格很好我正在尝试让我的社交媒体图标看起来像这张图片:http://gyazo.com/1b9f9eee3c4896b73b6117638218afc5居中,但彼此相邻。 enter image description here

http://www.bootply.com/NrHvR4fg8u这是我的表单代码。

任何输入将不胜感激

最佳答案

你可以设置parent div为text-align: center;然后将每个社交图标显示为内联 block 。

#socialSignIn {
  text-align:center;
}

#socialSignIn #googleLogin, #socialSignIn #facebookLogin {
  margin-right: 5px;
  display: inline-block;
}

关于html - 居中和水平对齐图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25196181/

相关文章:

java - 嵌入 HTML 页面时,删除 Java 小程序中的外部白色边框

html - 溢出时剪切 td 元素中的文本

html - 动画叠加在 iPad 上无法正确过渡

javascript - Angular 表,使用 ngClass 和 ng-repeat 添加类

javascript - 实现 twitter bootstrap carousel v2.3.2

html - 提交按钮旁边具有动态宽度的文本区域

javascript - 如何在一页上运行 javascript/Canvas 脚本两次?

html - 在 div 框中均匀对齐图片

javascript - 如何使用 jquery 禁用第二列和第三列中存在的行表单元素

javascript - 使用jquery在栏内淡入淡出