发表日期: 2022-05-31 08:55:15 浏览次数:73
黑龙江省鹤岗国际英文域名注册/中文国内域名申请/企业域名服务器空间备案-企业域名

鹤岗市地势是西北高东南低,是三江平原向小兴安岭山地过渡的明显上升地段。全市可分为低山丘陵、漫岗、平原、沟谷及漫滩四种地貌类型。市区地势由西北向东南倾斜,西北部为山区,面积3300平方千米,占市区总面积的72%,是全市森林分布的集中地区。主要山峰有:小白山(海拔1022米);解放山(海拔964米);北影山(海拔897米);摩天岭(海拔846米);金顶山(海拔840米),海拔200米以上的山峰还有34座。有梧桐河、鹤立河、阿凌达河、嘉荫河等18条主要河流,从西北流向东南。除嘉荫河为黑龙江水系外,其余均为松花江水系。市区南部为丘陵漫岗,东南部为三江平原的边缘地带,平坦开阔,是农业分布区,平均海拔80米左右。萝北县在市区东部。地势西北部高而多山,东南部平而多沼泽,由西北向东南分为山地、岗地、平原、洼地,东南部平均海拔90米。主要河流有嘉荫河、嘟鲁河、蒲鸭河等。绥滨县在萝北县之东,地处松花江与黑龙江交汇处的三江平原。境内无山无丘陵,地势平坦,海拔52至63米。境内主要河流有蒲鸭河、婉蜒河、敖来河和白龙泡、串通泡、大架泡等大小泡沼。 [6]
column-reverse 值垂直堆叠 flex 项目(但从下到上):
.flex-container {
display: flex;
flex-direction: column-reverse;}row 值水平堆叠 flex 项目(从左到右):
.flex-container {
display: flex;
flex-direction: row;}row-reverse 值水平堆叠 flex 项目(但从右到左):
.flex-container {
display: flex;
flex-direction: row-reverse;}flex-wrap 属性规定是否应该对 flex 项目换行。
下面的例子包含 12 个 flex 项目,以便更好地演示 flex-wrap 属性。
wrap 值规定 flex 项目将在必要时进行换行:
.flex-container {
display: flex;
flex-wrap: wrap;}nowrap 值规定将不对 flex 项目换行(默认):
.flex-container {
display: flex;
flex-wrap: nowrap;}wrap-reverse 值规定如有必要,弹性项目将以相反的顺序换行:
.flex-container {
display: flex;
flex-wrap: wrap-reverse;}flex-flow 属性是用于同时设置 flex-direction 和 flex-wrap 属性的简写属性。
.flex-container {
display: flex;
flex-flow: row wrap;}justify-content 属性用于对齐 flex 项目:
center 值将 flex 项目在容器的中心对齐:
.flex-container {
display: flex;
justify-content: center;}flex-start 值将 flex 项目在容器的开头对齐(默认):
.flex-container {
display: flex;
justify-content: flex-start;}flex-end 值将 flex 项目在容器的末端对齐:
.flex-container {
display: flex;
justify-content: flex-end;}space-around 值显示行之前、之间和之后带有空格的 flex 项目:
.flex-container {
display: flex;
justify-content: space-around;}space-between 值显示行之间有空格的 flex 项目:
.flex-container {
display: flex;
justify-content: space-between;}align-items 属性用于垂直对齐 flex 项目。
在这些例子中,我们使用 200 像素高的容器,以便更好地演示 align-items 属性。
center 值将 flex 项目在容器中间对齐:
.flex-container {
display: flex;
height: 200px;
align-items: center;}flex-start 值将 flex 项目在容器顶部对齐:
.flex-container {
display: flex;
height: 200px;
align-items: flex-start;}flex-end 值将弹性项目在容器底部对齐:
.flex-container {
display: flex;
height: 200px;
align-items: flex-end;}stretch 值拉伸 flex 项目以填充容器(默认):
.flex-container {
display: flex;
height: 200px;
align-items: stretch;}baseline 值使 flex 项目基线对齐:
.flex-container {
display: flex;
height: 200px;
align-items: baseline;}注意:该例使用不同的 font-size 来演示项目已按文本基线对齐:
align-content 属性用于对齐弹性线。
在这些例子中,我们使用 600 像素高的容器,并将 flex-wrap 属性设置为 wrap,以便更好地演示 align-content 属性。
space-between 值显示的弹性线之间有相等的间距:
.flex-container {
display: flex;
height: 600px;
flex-wrap: wrap;
align-content: space-between;}space-around 值显示弹性线在其之前、之间和之后带有空格:
.flex-container {
display: flex;
height: 600px;
flex-wrap: wrap;
align-content: space-around;}