代码之家 › 专栏 › 技术社区 › cbp

CSS:导致没有<br/>

css

cbp · 技术社区 · 16 年前

如何让这些a元素中的每一个都打断到新行上,但将它们保持为display=inline和without 标签?

<div>
   <a href="element1">Element 1</a>
   <a href="element1">Element 2</a>
   <a href="element1">Element 3</a>
</div>

5 回复 | 直到 16 年前

-1

pixeltocode 16 年前

你可以通过定义equal来做到这一点 width <div> 以及 <a> . 假设将类“container”应用于 <部门>

.container { width: 100px; }
a { width: 100px; display: inline; }

Jonathan 16 年前

这是可以做到的,但并不适用于所有浏览器。你需要使用 :after white-space content

<html>
<head>
<style type="text/css">
    div a:after {white-space: pre;content:'\A';}
</style>
</head>
<body>
<div>
   <a href="element1">Element 1</a>
   <a href="element1">Element 2</a>
   <a href="element1">Element 3</a>
</div>
</body>
</html>

参考文献: http://www.w3.org/TR/CSS2/generate.html#content

Interlated 7 年前

div {
  display: grid;
  grid-template-columns: 100%;
}

div a {
  grid-column-start: 1;
}

-1

Registered User 14 年前

对于不占用整行的block元素,将其宽度设置为较小的值,然后 white-space:nowrap

label
{
    width:10px;
    display:block;
    white-space:nowrap;
}

-3

Ballsacian1 16 年前

<style type="text/css">
  div.probablyShouldPutAClassName a {
    display: block;
  }
</style>

-5

Drew 16 年前

把它们放在一个无序的列表里?

我不确定我真的明白你在这里想要什么。。。

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前