Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 放置hr标签,使其看起来更自然_Html_Css - Fatal编程技术网

Html 放置hr标签,使其看起来更自然

Html 放置hr标签,使其看起来更自然,html,css,Html,Css,我添加的换行符不符合我的要求。我想把它放在标题和下面的图片中间 我试过边际下限:20px;但是它把图片推到了我不想要的页面上。我只想保持尺寸并将其居中 您最可能要查找的CSS位于CSS页面的底部 /*过程**********/ #过程{ 文本对齐:居中; 边缘底部:25px; } #过程跨度{ 位置:绝对位置; 底部:0; 右:0; } #过程img{ 显示:内联; 身高:100%; 宽度:100%; -webkit边界半径:10%; -moz边界半径:10%; 盒影:1px 3px 1px

我添加的换行符不符合我的要求。我想把它放在标题和下面的图片中间

我试过边际下限:20px;但是它把图片推到了我不想要的页面上。我只想保持尺寸并将其居中

您最可能要查找的CSS位于CSS页面的底部

/*过程**********/
#过程{
文本对齐:居中;
边缘底部:25px;
}
#过程跨度{
位置:绝对位置;
底部:0;
右:0;
}
#过程img{
显示:内联;
身高:100%;
宽度:100%;
-webkit边界半径:10%;
-moz边界半径:10%;
盒影:1px 3px 1px 1px;
}
#过程p{
z指数:100;
位置:绝对位置;
字体大小:粗体;
顶部:235px;
颜色:白色;
字体大小:小;
填充:10px;
右边距:15px;
}
#工艺h4{
边缘顶部:25px;
}
#进程。btn go{
边缘底部:500px;
背景色:#4AA0D5;
颜色:#fff;
-webkit过渡:所有0.3轻松输入输出;
-moz转换:所有0.3秒都易于输入输出;
过渡:所有0.3秒的缓进缓出;
文字装饰:无;
填充:10px 10px;
边界半径:10px;
边框:2倍白色固体;
}
#进程。btn go:悬停,
#进程。btn go:焦点{
颜色:#4AA0D5;
边框:2px#4AA0D5实心!重要;
-webkit过渡:所有0.3轻松输入输出;
-moz转换:所有0.3秒都易于输入输出;
过渡:所有0.3秒的缓进缓出;
-webkit边界半径:0%;
-moz边界半径:0%;
背景色:#fff;
}
#过程。底线{
宽度:50px;
}

流程如何运作

联系我,描述你想要的项目类型&;它的观众

坐下来放松!通过常规进度报告和;快速反应的沟通

该项目将在约定的时间交给您,只有在您完成时才被视为已完成 100%满意


您可以添加
边距:1rem auto 1.5rem
hr
,如下面的代码片段所示。不同的顶部/底部距离来自于这样一个事实,即它上面的标题具有更多的默认padding bottom,而后面的元素具有padding top

/*过程**********/
.领导2小时{
保证金:1雷姆自动1.5雷姆;
}
#过程{
文本对齐:居中;
边缘底部:25px;
}
#过程跨度{
位置:绝对位置;
底部:0;
右:0;
}
#过程img{
显示:内联;
身高:100%;
宽度:100%;
-webkit边界半径:10%;
-moz边界半径:10%;
盒影:1px 3px 1px 1px;
}
#过程p{
z指数:100;
位置:绝对位置;
字体大小:粗体;
顶部:235px;
颜色:白色;
字体大小:小;
填充:10px;
右边距:15px;
}
#工艺h4{
边缘顶部:25px;
}
#进程。btn go{
边缘底部:500px;
背景色:#4AA0D5;
颜色:#fff;
-webkit过渡:所有0.3轻松输入输出;
-moz转换:所有0.3秒都易于输入输出;
过渡:所有0.3秒的缓进缓出;
文字装饰:无;
填充:10px 10px;
边界半径:10px;
边框:2倍白色固体;
}
#进程。btn go:悬停,
#进程。btn go:焦点{
颜色:#4AA0D5;
边框:2px#4AA0D5实心!重要;
-webkit过渡:所有0.3轻松输入输出;
-moz转换:所有0.3秒都易于输入输出;
过渡:所有0.3秒的缓进缓出;
-webkit边界半径:0%;
-moz边界半径:0%;
背景色:#fff;
}
#过程。底线{
宽度:50px;
}

流程如何运作

联系我,描述你想要的项目类型&;它的观众

坐下来放松!通过常规进度报告和;快速反应的沟通

该项目将在约定的时间交给您,只有在您完成时才被视为已完成 100%满意


有很多方法可以做到这一点。您没有使用任何类型的重置或任何操作,因此
h2
hr
上的默认页边距来自浏览器,并且会因浏览器而异。如果您希望在
h2
hr
和图像部分之间有相等的空间,我将从
h2
中删除边距,并在
hr
上添加一致的上/下边距,您可以在那里使用任何您想要的边距值

/*过程**********/
#过程{
文本对齐:居中;
边缘底部:25px;
}
#过程跨度{
位置:绝对位置;
底部:0;
右:0;
}
#过程img{
显示:内联;
身高:100%;
宽度:100%;
-webkit边界半径:10%;
-moz边界半径:10%;
盒影:1px 3px 1px 1px;
}
#过程p{
z指数:100;
位置:绝对位置;
字体大小:粗体;
顶部:235px;
颜色:白色;
字体大小:小;
填充:10px;
右边距:15px;
}
#工艺h4{
边缘顶部:25px;
}
#进程。btn go{
边缘底部:500px;
背景色:#4AA0D5;
颜色:#fff;
-webkit过渡:所有0.3轻松输入输出;
-moz转换:所有0.3秒都易于输入输出;
过渡:所有0.3秒的缓进缓出;
文字装饰:无;
填充:10px 10px;
边界半径:10px;
边框:2倍白色固体;
}
#进程。btn go:悬停,
#进程。btn go:焦点{
颜色:#4AA0D5;
边框:2px#4AA0D5实心!重要;
-webkit过渡:所有0.3轻松输入输出;
-moz转换:所有0.3秒都易于输入输出;
过渡:所有0.3秒的缓进缓出;
-webkit边界半径:0%;
-moz边界半径:0%;
背景色:#fff;
}
#过程。底线{
宽度:50px;
}
#