html a标签换行显示

文章目录

    • 用css display属性
    • 不用css,可以用`
      `标签换行
      • 示例

用css display属性

可以使用CSS的display属性来实现多个a标签每行显示一个。

HTML代码:

<div class="link-container">
  <a href="#">Link 1a>
  <a href="#">Link 2a>
  <a href="#">Link 3a>
  <a href="#">Link 4a>
  <a href="#">Link 5a>
div>

CSS代码:

.link-container a {
  display: block;
}

这样,每个a标签都会被显示为一个块级元素,从而每个a标签都会独占一行。

不用css,可以用
标签换行

如果不使用CSS,可以使用
标签在每个标签后面插入一个换行符。

HTML代码:

<a href="#">Link 1a><br>
<a href="#">Link 2a><br>
<a href="#">Link 3a><br>
<a href="#">Link 4a><br>
<a href="#">Link 5a><br>

这样,每个标签后面都会有一个换行符,从而实现每个标签独占一行的效果。

示例

html a标签换行显示_第1张图片

html a标签换行显示_第2张图片

你可能感兴趣的:(python-flask,前端,html,前端)