如何在div元素内的各个区域中设置文本?

时间:2017-10-25 16:24:14

标签: html5

我想解决这个问题的方法非常简单,但我的大脑是从今天的工作中榨取的。基本上,我如何在div框周围的不同位置放置文本,例如左上角有一个单词,右下角有另一个单词?感谢。

2 个答案:

答案 0 :(得分:1)

将每个文本放入自己的div / span / etc中,然后根据需要定位它们。这是一个例子:



div{
  position: relative;
  border:1px solid black;
  height:5em;
  width: 50%;
}
.tl{
  position: absolute;
  top:5px;
  left:5px;
  height:1em;
  border-color: #f00;
  width:auto;
}
.br{
  position:absolute;
  bottom:5px;
  right:5px;
  height:1em;
  border-color: #0f0;
  width:auto;
}

<div>
  <div class="tl">top left</div>
  <div class="br">bottom right</div>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

在div或其他任何地方使用标签并为每个角落制作css并将该css应用于标签,以便相应地放置文本