Question

需要你的大脑!!

我希望制作一个没有图像的按钮，就像CSS3一样，它将根据按钮中的措辞进行缩放。我尝试了一些东西，但我无法得到任何工作。

例如：按钮的最小宽度为95px

这对家庭或关于我们来说非常棒但如果我有副本就像达拉斯市议会小组

如果按钮变宽会很棒。

任何人都可以帮我吗？好吗？我疯了！

非常感谢你！

Answer 1

我不完全理解您的问题，但是如果您想根据按钮中的文字制作按钮类比例，则不应该给它任何宽度，只需用填充样式设置

Answer 2

这就是我如何解决我的问题。它并不像我喜欢的那样漂亮，但它会起作用。我在设置最小宽度方面遇到了麻烦，所以我只是将其全部更改为固定宽度为200，因为这是我可用的所有空间。如果你删除了DISPLAY：INLINE-BLOCK;它将根据菜单按钮副本返回缩放（即使你留下宽度：200px;在那里）

我还必须创建左侧菜单锚点＆＃39;因为我们所有的链接都是蓝色的并且没有很好地显示，但这只是一个快速复制，重命名和颜色更改。

谢谢你们所有人的帮助！我真的很感激。希望这有助于将来的一些窥视。

＆＃13;

.left_menu_btn_css {
  background: #39a7f0;
  background-image: -webkit-linear-gradient(top, #39a7f0, #2979ab);
  background-image: -moz-linear-gradient(top, #39a7f0, #2979ab);
  background-image: -ms-linear-gradient(top, #39a7f0, #2979ab);
  background-image: -o-linear-gradient(top, #39a7f0, #2979ab);
  background-image: linear-gradient(to bottom, #39a7f0, #2979ab);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  width: 200px;
  display: inline-block;
}

.left_menu_btn_css:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

＆＃13;

灵活的CSS按钮没有图像

2 个答案: