8

使用 CSS 或 JQuery（首选 CSS），

是否可以采用 div（100% 宽度），其内容居中，并对齐任何向左环绕的内容？

想象一组以浏览器为中心的图标。如果您减小浏览器的宽度，而不是在第二行的中心显示包装图标，我希望它们左对齐。

我在发布之前尝试过在这里搜索，但找不到与我的问题完全匹配的任何内容。

更新：

word-wrap: pre-wrap;@Explosion Pills 解决了它，但这里是一个更新的 JSFiddle，它通过添加到外部来解决 IE 和 Chrome 以外的浏览器：http div: //jsfiddle.net/etY4r/2/

4

2 回答 2

10

你可以只用 CSS 来做到这一点（而且非常简单）。外部 div 可以是text-align: center，内部 div（包含图标）text-align: left可以是display: inline-block：

http://jsfiddle.net/ExplosionPIlls/etY4r/

元素在整个 div的inline-block上下文中居中，但是当您将窗口大小减小到足够大时，它将导致元素包裹在内部元素本身的内部并且它们向左对齐。

于 2013-01-31T23:34:35.293 回答
3 
 $('.class').css('css property','alignment');

例子：

$(document).ready(function(){
   $('.myClass').css('text-align','left');
   $('.myClass2').css('text-align','center');
   $('.myClass3').css('text-align','right');
});

.css() 适用于这种格式的任何 css 属性：D

于 2015-02-12T14:46:48.247 回答