Javascript 在中对齐中的所有要居中？_Javascript_Html_Css

Javascript 在中对齐中的所有要居中？

javascript html css

Javascript 在中对齐中的所有要居中？,javascript,html,css,Javascript,Html,Css,问个简单的问题我很难弄清楚如何将图库图标对齐到屏幕中央。正如您从代码片段中看到的，它没有对齐。为了说明我的意思，你可以看看这个：有人能给我指出正确的方向吗 * { 字体系列：投石机MS； } /*身体*/ 身体{ 背景色：FFF6E5； } 人体心率{ 宽度：55%； } /*标志*/ 标志{ 字号：4em；文本对齐：居中； } 标志p{ 边际：0px； } /*导航栏*/ 导航栏a{ 文字装饰：无；颜色：黑色； } 导航栏{ 文本对齐：居中；字号：1.4em； } /*内容*/

问个简单的问题

我很难弄清楚如何将图库图标对齐到屏幕中央。正如您从代码片段中看到的，它没有对齐。为了说明我的意思，你可以看看这个：

有人能给我指出正确的方向吗

* { 字体系列：投石机MS； } /*身体*/ 身体{ 背景色：FFF6E5； } 人体心率{ 宽度：55%； } /*标志*/ 标志{ 字号：4em；文本对齐：居中； } 标志p{ 边际：0px； } /*导航栏*/ 导航栏a{ 文字装饰：无；颜色：黑色； } 导航栏{ 文本对齐：居中；字号：1.4em； } /*内容*/ 内容{ 宽度：30%；文本对齐：居中；保证金：自动；字号：1.05em； } /*菜单*/ 项目{ 浮动：左；宽度：30%；保证金：5px； } 项目img{ 宽度：100%； } img盒{ 宽度：100%；溢出：隐藏；边框：1px纯黑； } 金格瓦格制作公司身体{ 字体系列：Aller，无衬线；/*只是一种自定义字体*/ } 答：-webkit任何链接{ 文本装饰：无；/*忽略默认链接设置*/ } 保险商实验室{ 列表样式类型：无；/*对ul隐藏项目符号*/ } .褪色{ 不透明度：0.8；/*将默认视图设置为80%不透明度*/ 过渡：不透明度。25秒缓进缓出； -moz过渡：不透明度。25秒缓进缓出； -webkit过渡：不透明度。25秒易入易出； } .消失：悬停{ 不透明度：1；/*当处于悬停状态时，将默认视图设置为100%不透明度*/ } .img包装{ 宽度：300px；高度：200px；边框：0.1米实心ccc；边界半径：0.4em；背景色：F3；盒影：0.1em 0.1em 0.5em-0.2em 777；利润率：1米1米； } img{ 边界半径：0.4em 0.4em 0.4em 0.4em；/*半径应与img包装相同*/ } .画廊包装{ 最大宽度：1200px；保证金：自动； } 李先生{ 显示：内联块；/*将包装器放置在行中，而不是列块中*/ } h1{ 左：14em； } h4{/*为照片标题设置样式*/ 文本对齐：居中；字号：1em；保证金：0；填充物：0.5em2em；文本转换：大写；字体大小：粗体；颜色：黑色； } .标志{ 左侧边缘：22em；边缘底部：4em； } 姜饼制品

- - - -

娜塔莉亚-照片 $function${ var addToAll=false； var=true；变量titlePosition='内部'； $addToAll？'img'：'img.fancybox'。每个函数{ var$this=$this； var title=$this.attr'title'； var src=$this.attr'data-big'| |$this.attr'src'； var a=$.attr'href'，src.attr'title'，title； $this.wrapa； }; 如果画廊 $'a.fancybox'.attr'rel'，'fancyboxgallery'； $'a.fancybox'.fancybox{ 滴定位置：滴定位置 }; }; $无冲突；

尝试将这些属性设置为ul元素：

* { 字体系列：投石机MS； } /*身体*/ 身体{ 背景色：FFF6E5； } 人体心率{ 宽度：55%； } /*标志*/ 标志{ 字号：4em；文本对齐：居中； } 标志p{ 边际：0px； } /*导航栏*/ 导航栏a{ 正文- 装修：无；颜色：黑色； } 导航栏{ 文本对齐：居中；字号：1.4em； } /*内容*/ 内容{ 宽度：30%；文本对齐：居中；保证金：自动；字号：1.05em； } /*菜单*/ 项目{ 浮动：左；宽度：30%；保证金：5px； } 项目img{ 宽度：100%； } img盒{ 宽度：100%；溢出：隐藏；边框：1px纯黑； } 金格瓦格制作公司身体{ 字体系列：Aller，无衬线；/*只是一种自定义字体*/ } 答：-webkit任何链接{ 文本装饰：无；/*忽略默认链接设置*/ } 保险商实验室{ 填充：0；文本对齐：居中；列表样式类型：无；/*对ul隐藏项目符号*/ } .褪色{ 不透明度：0.8；/*将默认视图设置为80%不透明度*/ 过渡：不透明度。25秒缓进缓出； -moz过渡：不透明度。25秒缓进缓出； -webkit过渡：不透明度。25秒易入易出； } .消失：悬停{ 不透明度：1；/*当处于悬停状态时，将默认视图设置为100%不透明度*/ } .img包装{ 宽度：300px；高度：200px；边框：0.1米实心ccc；边界半径：0.4em；背景色：F3；盒影：0.1em 0.1em 0.5em-0.2em 777；利润率：1米1米； } img{ 边界半径：0.4em 0.4em 0.4em 0.4em；/*半径应与img包装相同*/ } .画廊包装{ 最大宽度：1200px；保证金：自动； } 李先生{ 显示：内联块；/*将包装器放置在行中，而不是列块中*/ } h1{ 左：14em； } h4{/*为照片标题设置样式*/ 文本对齐：居中；字号：1em；保证金：0；填充物：0.5em2em；文本转换：大写；字体大小：粗体；颜色：黑色； } .标志{ 左侧边缘：22em；边缘底部：4em； } 姜饼制品

- - - -

致联邦调查局

* { 字体系列：投石机MS； } /*身体*/ 身体{ 背景色：FFF6E5； } 人体心率{ 宽度：55%； } /*标志*/ 标志{ 字号：4em；文本对齐：居中； } 标志p{ 边际：0px； } /*导航栏*/ 导航栏a{ 文字装饰：无；颜色：黑色； } 导航栏{ 文本对齐：居中；字号：1.4em； } /*内容*/ 内容{ 宽度：30%；文本对齐：居中；保证金：自动；字号：1.05em； } /*菜单*/ 项目{ 浮动：左；宽度：30%；保证金：5px； } 项目img{ 宽度：100%； } img盒{ 宽度：100%；溢出：隐藏；边框：1px纯黑； } 金格瓦格制作公司身体{ 字体系列：Aller，无衬线；/*只是一个客户 om字体*/ } 答：-webkit任何链接{ 文本装饰：无；/*忽略默认链接设置*/ } 保险商实验室{ 列表样式类型：无；/*对ul隐藏项目符号*/ 文本对齐：居中；填充：0； } .褪色{ 不透明度：0.8；/*将默认视图设置为80%不透明度*/ 过渡：不透明度。25秒缓进缓出； -moz过渡：不透明度。25秒缓进缓出； -webkit过渡：不透明度。25秒易入易出； } .消失：悬停{ 不透明度：1；/*当处于悬停状态时，将默认视图设置为100%不透明度*/ } .img包装{ 宽度：300px；高度：200px；边框：0.1米实心ccc；边界半径：0.4em；背景色：F3；盒影：0.1em 0.1em 0.5em-0.2em 777；利润率：1米1米； } img{ 边界半径：0.4em 0.4em 0.4em 0.4em；/*半径应与img包装相同*/ } .画廊包装{ 最大宽度：1200px；保证金：自动； } 李先生{ 显示：内联块；/*将包装器放置在行中，而不是列块中*/ } h1{ 左：14em； } h4{/*为照片标题设置样式*/ 文本对齐：居中；字号：1em；保证金：0；填充物：0.5em2em；文本转换：大写；字体大小：粗体；颜色：黑色； } .标志{ 左侧边缘：22em；边缘底部：4em； } 姜饼制品

- - - -

boostrap可以使用集装箱为您做到这一点。另一种方法是flex box。你可以很容易地将中心和它对齐。我确信有一个jQuery引导插件允许中心内容。没有足够的引导-1康涅索有什么？？他要求用简单的HTML/CSS代码解决问题，我提供了一个。。。怎么了？这只是个迷因。

padding: 0;
text-align: center;

text-align: center;
padding: 0;