如何控制<abbr>元素</abbr>

时间:2015-01-07 16:01:22

标签: html css

在以下实例中,有没有办法修复或指示abbr元素的高度和宽度?谢谢。

<html>

<div class="date"><abbr class='timeago' title=$date></abbr></div>

</html>

2 个答案:

答案 0 :(得分:2)

你的意思是什么?这将是我的解决方案:

&#13;
&#13;
abbr
{
  display: inline-block;
  border: 1px dashed gray;
  padding: 5px; /* I guess the best value in this case to play with */
}
&#13;
<div class="date">This <abbr class='timeago' title=$date>Date</abbr> is important.</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您需要将display:inline-block添加到您的attr元素中才能“看到”它。

abbr {
  display: inline-block;
  height: 20px;
  width: 20px;
  background: red;
}
<html>
  <div class="date">
      <abbr class='timeago' title=$date></abbr>
  </div>
</html>

编辑它就像设计任何其他元素一样(你必须首先确保你的元素是'可见'或'有内容')。