Html 如何消除行与行之间的间隙?
我是HTML和CSS新手。我告诉我的朋友,我会帮助他们建立一个免费的网站 我的行间有空隙。我正在使用Bootstrap,我在这里尝试了一些建议(创建一个新的row类并定义边距/填充),但我相信这与模拟图像本身或其顶部的悬停效果有关。) 如果你需要更多信息,请告诉我Html 如何消除行与行之间的间隙?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我是HTML和CSS新手。我告诉我的朋友,我会帮助他们建立一个免费的网站 我的行间有空隙。我正在使用Bootstrap,我在这里尝试了一些建议(创建一个新的row类并定义边距/填充),但我相信这与模拟图像本身或其顶部的悬停效果有关。) 如果你需要更多信息,请告诉我 /*************************页面内容开始***********************/ 身体{ 溢出x:隐藏; } #包装纸{ 左侧填充:0; -webkit过渡:所有0.5s轻松; -moz过渡:所有0.
/*************************页面内容开始***********************/
身体{
溢出x:隐藏;
}
#包装纸{
左侧填充:0;
-webkit过渡:所有0.5s轻松;
-moz过渡:所有0.5s轻松;
-o型过渡:所有0.5s的轻松度;
过渡:所有0.5s缓解;
}
#包装器。切换{
位置:绝对位置;
排名:0;
左侧填充:80px;
}
#包装器。切换。导航小{
位置:绝对位置;
排名:0;
宽度:80px;
}
#页面内容包装器{
宽度:100%;
位置:绝对位置;
填充:0;
排名:0;
}
#wrapper.toggled#页面内容包装器{
位置:绝对位置;
排名:0;
右边距:-80px;
}
/************工作图像***************/
.工作图像图像{
身高:100%;
宽度:100%;
边际上限:0;
页边距底部:0;
填充底部:0;
填充顶部:0;
}
a、 变暗{
宽度:100%;
身高:100%;
显示:内联块;
背景:黑色;
边际上限:0;
页边距底部:0;
填充底部:0;
填充顶部:0;
}
a、 使图像变暗{
显示:块;
-webkit转换:所有0.3s线性;
-moz过渡:所有0.3s线性;
-ms转换:所有0.3s线性;
-o-过渡:所有0.3s线性;
过渡:所有0.3s线性;
}
a、 变暗:悬停img{
不透明度:0.2;
}
伊姆格拉普先生{
位置:相对位置;
身高:100%;
宽度:100%;
}
.说明{
位置:绝对位置;
左:30%;
右:30%;
最高:43%;
底部:43%;
/**背景:rgba(291061540.72)**/
颜色:#fff;
字体大小:20px;
文本对齐:居中;
文本转换:大写;
字母间距:2px;
可见性:隐藏;
不透明度:0;
边际上限:0;
页边距底部:0;
填充底部:0;
填充顶部:0;
}
.imgwrap:hover.imgdescription{
能见度:可见;
不透明度:1;
}
.行底边距{
边缘底部:0px;
}
/************工作图像结束************/
您需要更改
a.从display:block代码>至显示:内联块代码>:
/*************************页面内容开始***********************/
身体{
溢出x:隐藏;
}
#包装纸{
左侧填充:0;
-webkit过渡:所有0.5s轻松;
-moz过渡:所有0.5s轻松;
-o型过渡:所有0.5s的轻松度;
过渡:所有0.5s缓解;
}
#包装器。切换{
位置:绝对位置;
排名:0;
左侧填充:80px;
}
#包装器。切换。导航小{
位置:绝对位置;
排名:0;
宽度:80px;
}
#页面内容包装器{
宽度:100%;
位置:绝对位置;
填充:0;
排名:0;
}
#wrapper.toggled#页面内容包装器{
位置:绝对位置;
排名:0;
右边距:-80px;
}
/************工作图像***************/
.工作图像图像{
身高:100%;
宽度:100%;
边际上限:0;
页边距底部:0;
填充底部:0;
填充顶部:0;
}
a、 变暗{
宽度:100%;
身高:100%;
显示:内联块;
背景:黑色;
边际上限:0;
页边距底部:0;
填充底部:0;
填充顶部:0;
}
a、 使图像变暗{
显示:内联块;
-webkit转换:所有0.3s线性;
-moz过渡:所有0.3s线性;
-ms转换:所有0.3s线性;
-o-过渡:所有0.3s线性;
过渡:所有0.3s线性;
}
a、 变暗:悬停img{
不透明度:0.2;
}
伊姆格拉普先生{
位置:相对位置;
身高:100%;
宽度:100%;
}
.说明{
位置:绝对位置;
左:30%;
右:30%;
最高:43%;
底部:43%;
/**背景:rgba(291061540.72)**/
颜色:#fff;
字体大小:20px;
文本对齐:居中;
文本转换:大写;
字母间距:2px;
可见性:隐藏;
不透明度:0;
边际上限:0;
页边距底部:0;
填充底部:0;
填充顶部:0;
}
.imgwrap:hover.imgdescription{
能见度:可见;
不透明度:1;
}
.行底边距{
边缘底部:0px;
}
/************工作图像结束************/