<a> tags with fixed width

Question

I have a link as a button, DEMO

上的可选文字

HTML：

<a class="contact" href="mailto:dummy@test.dummy">E.mail us</a>

CSS：

.contact{
    display: block;
    width: 200px;
    line-height: 75px;
    text-align: center;
    background: #000000;
    color: #ffffff;
}

我遇到的问题是我需要允许用户从此链接复制文本。但是因为这有宽度设置，我需要这个固定的宽度（文本长度可以改变，但宽度将保持相同）。用户只能从一侧或另一侧选择文本，但不能直接在块内选择（如果有意义的话）。

有关此解决方案的任何想法仍然具有此尺寸链接？感谢您的任何建议。

Answer 1

在<div>代码

之外创建<a>

<div class="contact">
<a href="mailto:dummy@test.dummy">E.mail us</a>
</div>

如果您不想要蓝色，可以更改文字颜色。

修改

如果您想保留链接大小，可以随时向<a>标记添加一些填充以覆盖父容器的整个大小。

Answer 2

将您的HTML更改为：

def self.search(query)
  where("key_word like ? or title like ?", "%#{query}%", "%#{query}%")
end

并且为了使链接再次显示为白色：

<div class="contact">
   <a href="mailto:dummy@test.dummy">E.mail us</a>
</div>

但是，如果您希望整个黑匣子都是“可点击的”，那就不可能达到您想要的效果。

Answer 3

你的意思是从这个链接复制文本是什么意思？

使用添加<a>定义<div>标记之外的css类 这是HTML代码

<div class="contact">
   <a href="mailto:dummy@test.dummy">E.mail us</a>
</div>

您可以为链接添加另一个css类

a{
    display:block;
    font-family:arial;
    font-style:italic;
    color:#06C;
    text-decoration:none;
    text-align:center;

}

这里是创建漂亮的CSS的在线工具 http://www.css3maker.com/