Question

我需要在页面上绘制一条垂直线，并且无法使用任何类型的hr样式标记。即使它来了，我也无法确定长度。我怎么做。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Homepage</title>
</head>
 <LINK href="styling.css" rel="stylesheet" type="text/css">
<body>
<img src="C:\virclipse\first.png"  width="1050" height="150">
<br>
<br>
<br>
<div align="center">
<font face="Algerian" size="6">WELCOME TO V-LAUNCHPAD</font>
</div>
<hr size=6 color="black">
<div id= "abc" style="margin: -10px 0px 0px 200px;">
</div>
</body>
</html>


css stylesheet

@CHARSET "ISO-8859-1";
#abc{
    width: 6px; 
    background-color: black; 
    height: 5000%;
    float: left;


}

Answer 1

考虑使用div 0px宽度和您选择的带边框的高度：

<style>
    .vertical-line {
        width: 0;
        border: 1px solid green;
        height: 400px
    }
</style>
<div class="vertical-line"></div>

hr by definition应该是横向规则。

Answer 2

如果您想要使用html <hr>标记的垂直线，则应在<hr>标记中设置宽度和尺寸

<hr width="1" size="200" />

Demo here

如何在html或jsp页面中包含一条长垂直线？

2 个答案: