Javascript 将Div与中心对齐

Javascript 将Div与中心对齐,javascript,html,css,Javascript,Html,Css,我在将图像库与中心对齐时遇到问题。我想把这一行的3张图片对准中心。这是我的代码: 函数openModal(){ document.getElementById(“myModal”).style.display=“block”; } 函数closeModal(){ document.getElementById(“myModal”).style.display=“无”; } var slideIndex=1; 放映幻灯片(幻灯片索引); 函数加滑块(n){ 放映幻灯片(幻灯片索引+=n); }

我在将图像库与中心对齐时遇到问题。我想把这一行的3张图片对准中心。这是我的代码:

函数openModal(){
document.getElementById(“myModal”).style.display=“block”;
}
函数closeModal(){
document.getElementById(“myModal”).style.display=“无”;
}
var slideIndex=1;
放映幻灯片(幻灯片索引);
函数加滑块(n){
放映幻灯片(幻灯片索引+=n);
}
功能当前幻灯片(n){
放映幻灯片(幻灯片索引=n);
}
功能演示幻灯片(n){
var i;
var slides=document.getElementsByClassName(“幻灯片放映”);
var dots=document.getElementsByClassName(“演示”);
var captionText=document.getElementById(“caption”);
如果(n>幻灯片长度){
slideIndex=1
}
if(n<1){
slideIndex=slides.length
}
对于(i=0;i
.row>.column{
填充:0 8px;
}
.罗:之后{
内容:“;
显示:表格;
明确:两者皆有;
}
.栏目{
浮动:左;
宽度:33%;
}
/*模态(背景)*/
.莫代尔{
显示:无;
位置:固定;
z指数:1;
填充顶部:100px;
左:0;
排名:0;
宽度:100%;
身高:100%;
溢出:自动;
背景色:黑色;
}
/*模态内容*/
.模态内容{
位置:相对位置;
背景色:#fefe;
保证金:自动;
填充:0;
宽度:90%;
最大宽度:1200px;
}
/*关闭按钮*/
.结束{
颜色:白色;
位置:绝对位置;
顶部:10px;
右:25px;
字体大小:35px;
字体大小:粗体;
}
.关闭:悬停,
.结束:聚焦{
颜色:#999;
文字装饰:无;
光标:指针;
}
.幻灯片放映{
显示:无;
}
.光标{
光标:指针;
}
/*下一步和上一步按钮*/
.prev,
.下一个{
光标:指针;
位置:绝对位置;
最高:50%;
宽度:自动;
填充:16px;
利润上限:-50px;
颜色:白色;
字体大小:粗体;
字体大小:20px;
过渡:0.6s缓解;
边界半径:0 3px 3px 0;
用户选择:无;
-webkit用户选择:无;
}
/*将“下一步按钮”置于右侧*/
.下一个{
右:0;
边界半径:3px 0 3px;
}
/*在悬停时,添加一个黑色背景色,带有一点透明*/
.prev:悬停,
.下一步:悬停{
背景色:rgba(0,0,0,0.8);
}
/*数字文本(1/3等)*/
.numbertext{
颜色:#F2F2;
字体大小:12px;
填充:8px 12px;
位置:绝对位置;
排名:0;
}
img{
保证金底部:-4px;
}
.标题容器{
文本对齐:居中;
背景色:黑色;
填充:2x16px;
颜色:白色;
}
.演示{
不透明度:0.6;
}
忙碌的
.演示:悬停{
不透明度:1;
}
悬停阴影{
过渡:0.3s;
}
.悬停阴影:悬停{
盒影:08px16px0rgba(103101101,0.4),012px40px0rgba(103101101,0.19);
}
.画廊{
宽度:80%;
}
.中心{
文本对齐:居中;
显示:内联块
}

&时代;
1/4
2/4
3/4
4/4
❮
❯


试试看。图库{宽度:80%;右侧:10%}

注意:
标签已过时多年。不要用它。你能把它放在提琴/笔上吗?@Diogolesa One需要在这里贴一个问题。把它贴在小提琴上会更快地关闭它。这能回答你的问题吗?你好。你用密码笔了吗?请你试着把代码贴进去好吗?这样我们就能更舒服地得到它。