CSS标题和子标题的领导者

时间:2018-06-30 06:10:10

标签: css css3

我需要使用CSS实现以下目的。

DispatchQueue.main.async {
    self.gists = gitData
    performSegue(withIdentifier: "GistsSegue", sender: nil)
}

任何人都知道此结构的名称吗?或CSS实现这一目标?

1 个答案:

答案 0 :(得分:-2)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div class="heading">
	header
</div>
<div class="subheading">
	subheader
</div>
<div class="subsubheading">
	subsubheading
</div>
<div class="subsubsubheading">
	subsubsubheading
</div>
<style>
.heading{
	text-align: left;
	float:left;

}
.subheading{
	text-align:left;
	float:left;
	margin-top:100px;
}
.subsubheading{
	text-align:left;
	float:left;
	margin-top:200px;
}
.subsubsubheading{
	text-align:left;
	float:left;
	margin-top:300px;
}
</style>
</body>
</html>

是的,您只需要像这样使用浮点数和margin-top

CSS

.heading{
    text-align: left;
    float:left;

}
.subheading{
    text-align:left;
    float:left;
    margin-top:100px;
}
.subsubheading{
    text-align:left;
    float:left;
    margin-top:200px;
}
.subsubsubheading{
    text-align:left;
    float:left;
    margin-top:300px;
}

HTML

<div class="heading">
    header
</div>
<div class="subheading">
    subheader
</div>
<div class="subsubheading">
    subsubheading
</div>
<div class="subsubsubheading">
    subsubsubheading
</div>