如何在创建使用CSS响应的按钮时将其居中

文章/答案/技术大牛

发布

2回答

html、css、button、textbox、center

我正在使用基本的HTML，CSS和Javascript来创建一个简单的web应用程序。当我尝试text-align: center和其他CSS元素使按钮居中时，仍然遇到问题。我还试图在文本框的中心居中放置一个文本，但由于未知原因不起作用。到目前为止，我已经使用了左边界和右边界来调整按钮，但我愿意知道如何在不经历所有这些麻烦的情况

浏览 35提问于2021-04-08得票数 2

3回答

在内联块中垂直居中显示文本

html、vertical-alignment、centering、css

我正在尝试为一个网站创建一些按钮使用样式的超链接。我已经设法让按钮看起来像我想要的那样，除了一个小问题。我不能让文本(下面源代码中的‘Link’)垂直居中。不幸的是，可能有超过一行的文本，如第二个按钮所示，所以我不能使用line-height将其垂直居中。我最初的解决方案是使用display:

浏览 21提问于2013-08-28得票数 32

回答已采纳

2回答

我的钮扣不会居中

html、css

由于某种原因，我正在处理的页面上的按钮不会居中。<!DOCTYPE html><head> <scriptRoll PersonaLand">

浏览 2提问于2013-05-25得票数 3

回答已采纳

1回答

Elementor粘性向下滚动按钮

wordpress、elementor、onepage-scroll

我试过Lottie widget和html widget，但它们只允许你滚动到一个单独的部分(向上或向下)。我正在尝试做的是一个粘性按钮，可以在每次点击时从一个部分跳到另一个部分(在一个单页面网站上一个接一个地通过所有部分)。这是我获得灵感的网站：Brightwoodlp.com。我还是一个初学者，所以任何简单的技巧都会有很大的帮助。

浏览 33提问于2021-09-17得票数 0

回答已采纳

4回答

jquery mobile:垂直居中两行按钮文本

jquery、css、jquery-ui、jquery-mobile、mobile-website

我有一个带有2行文本的jQuery移动按钮，具有以下CSS规则： word-wrap: break-word !important;jQuery使用类ui-btn-inner ui-btn-corner-all在文本周围创建了一个跨度。有谁知道如<em

浏览 1提问于2012-05-29得票数 0

回答已采纳

2回答

显示的中心:表div

html、css、alignment

我有一个全宽度的包装纸。在它里面，还有另一个div集，名为display: table。 <div class="tb-cell">2</div> <div class="tb-cell">3</

浏览 5提问于2014-09-09得票数 0

回答已采纳

1回答

使响应式幻灯片居中

css、slideshow、responsive-design、centering

我使用的是RefineSlide响应式幻灯片，我不能居中，它总是粘在我页面的左边。slideshow{width: 960px;left: 50%;} 我已经尝试将上面的代码添加到我的CSS中，虽然这成功地将其居中，但不幸的是，它不再响应，因为当我在iPhone上测试幻灯片时，幻灯片不适合屏幕。#slid

浏览 1提问于2012-09-28得票数 0

回答已采纳

3回答

在HTML中的文本框中添加多行

html、css

我试图让我的文本框多行，同时保持设计。我是HTML/CSS的新手，所以请让我知道你是如何做到这一点的。<html> <form name="form" method="post"> input.maintext

浏览 0提问于2014-08-28得票数 0

3回答

是否在jQuery移动按钮中垂直对齐文本？

javascript、jquery、iphone、css、jquery-mobile

我正在尝试缩小jQuery移动按钮的高度，以使其更适合列表视图，但我无法使文本正确对齐。到目前为止，我的实现如下： margin: -5px -15px -5px -15px;设

浏览 0提问于2011-11-22得票数 2

回答已采纳

3回答

如何在Javascript中使按钮居中

javascript、html、css、button、center

我正在尝试在Javascript中居中按钮，以便它在页面中水平居中。现在，我的按钮在html文件中，所以我不知道如何使用CSS将其居中，因为它在Javascript中。TLDR:在Javascript中，如果我声明了一个按钮btn，我应该写什么代码来水平居中它？我在互联网上到处寻找一种使用Javascript使按钮居中的方法，

浏览 501提问于2021-06-26得票数 0

回答已采纳

3回答

如何对比屏幕大的图像进行居中处理？

html、css、image、center

我遵循代码： <img src="banner.png">CSS margin: auto;}我试过将.banner div的横幅图像作为背景图像，但是div不会自动找到它的大小. 这怎麽可能

浏览 5提问于2014-09-03得票数 0

回答已采纳

2回答

我如何准确地将如此强大的代码放在中心位置？

html、css

我有一个可能是非常基本的问题，但我似乎就是想不出这个问题。如何在标记为"lit“的代码中将submit按钮居中。 <!>任何帮助都会得到极大的重视。

浏览 1提问于2015-12-04得票数 0

1回答

CSS --如何在包含iframe的页面上对加载图标进行居中？

javascript、jquery、html、css、iframe

如何在包含iframe的页面上对加载图标进行居中？ iframe高度是可变的，它包含一个带有一些编辑按钮的表，例如Edit。当按下其中一个按钮时，当ajax调用正常工作时，我希望将加载图标集中在屏幕的中心，但是它以iframe的中心为中心，根据可用的数据，高度可能在1024 on到6000 on之间。我使用blockUI - jQuery作为加载图标。我的

浏览 1提问于2016-11-28得票数 0

回答已采纳

1回答

中心引导3按钮工具栏在div内

html、css、twitter-bootstrap-3

如何在btn-toolbar div内水平地居中引导3 col-lg按钮？><strong>This must be centered</strong></button> </div>CSScenter; padding:35px 10px 10px; }

浏览 7提问于2014-04-11得票数 0

回答已采纳

2回答

Flash/ActionScript:在较大的swf中加载时，如何使较小的swf居中？

actionscript、flash

根据这些规范，我正在制作一个交互式故事书项目：我的书有13页，其中1页=1 swf从外部加载到书swf中。如您所见，页面swf必须在两个按钮之间居中，这两个按钮都是100x450。每当我试图加载swf时，它通常会在某个时候被切断。简而言之，如何在加载时使外部swf居中？

浏览 2提问于2012-10-15得票数 0

回答已采纳

2回答

如何调整/设置母版页ASP.Net的布局

c#、asp.net、layout、master-pages

需要一些关于如何设置布局的帮助，就像正常的网站一样。这个网站的内容看起来就在白色大盒子的中央，背景是浅蓝色的。我真的不知道如何让我的母版页有这样(网站上面)的布局。以下是我迄今所做的工作：<head runat="server

浏览 5提问于2013-07-24得票数 0

8回答

简单CSS:文本不会在按钮中居中

css

button type="button" style="width:24px; text-align:center; vertical-align:middle">A</button> 注意:以下结果是相同的：

浏览 29提问于2010-05-21得票数 43

回答已采纳

2回答

如何让一个类有三种不同的颜色？

html、css

我正在使用一个模板。客户希望这三个按钮具有不同的颜色。所有这三个类都由同一个类控制。如果我检查页面并将其插入到元素样式中，我可以将背景颜色更改为不同。如何在CSS中永久保留此更改？这是当前的按钮：这是客户端对按钮的喜好：控制这一点的CSS是： background-color:fl

浏览 1提问于2018-06-01得票数 0

6回答

导航栏中的完全居中窗体

html、css、twitter-bootstrap

我一直在尝试做的是将窗体(和它旁边的两个图标)居中放置在导航栏中。如果你查看下面的JSFiddle，它不会精确地居中。此外，重要的是要知道，右侧两个按钮中的文本长度会有所不同。如何在导航栏中居中窗体(带有两个图标)，并注意到按钮文本的长度可以改变？

浏览 9提问于2013-07-11得票数 0

回答已采纳

1回答

jQuery如何在单击后退按钮时加载内容

jquery、ajax、jquery-load

当点击链接时，我正在使用jQuery加载页面内容。('', '', url);问题是，当我单击Back按钮时单击“后退”按钮后，如何再次加载内容？谢谢。这就是我实现它的</em

浏览 2提问于2012-12-25得票数 3

回答已采纳

点击加载更多