草庐IT

html - Bulma:如何让按钮在盒子中居中?

Centerme不工作。 最佳答案 是的,有一种原生方式。Bulma提供has-text-centered类用于居中文本、inline和inline-block元素。您可以使用以下代码:Centerme演示:Centerme 关于html-Bulma:如何让按钮在盒子中居中?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/42583298/

html - 在居中列表中居中元素符号

示例-http://jstn.info/html.html-链接失效,示例不再可用。注意文本是居中的,但元素符号本身不是。如何在保持文本/列表居中的同时对齐元素符号点? 最佳答案 请参阅https://stackoverflow.com/a/6558833/507421ul{list-style-position:inside;} 关于html-在居中列表中居中元素符号,我们在StackOverflow上找到一个类似的问题: https://stackover

html - 试图在 td 中居中对齐按钮

我在将td中的按钮居中时遇到问题。这可能是一个简单的CSS问题,但该应用程序正在使用bootstrap、AngularJS、AngularJS-ui-bootstrap和ngTable。我已将所有这些组件包含在我的plunkr中.我正在尝试使用按钮在td上设置“horizo​​ntal-align:middle”,但似乎没有应用。按钮仍然偏向单元格的左侧。 最佳答案 你可以使用:display:block;margin:auto;Hereisyourupdatedplunkr 关于htm

html - 在忽略 float 元素的同时在父级中居中内联 block div

我正在尝试将内联div置于其父元素的中心。父元素还有一个向右浮动的子div。由于div右对齐,我居中的div向左移动。我想将中间div居中,而不管float的位置/大小如何,如下图所示,提供的代码。.parent{text-align:center;}.parentdiv{display:inline-block;}......当前设置在父级内部有两个内部div,但我假设正确的方法是让右对齐的div位于外部并具有绝对位置?此外,我在同一页面上有多个父div实例。我怎样才能达到这个结果? 最佳答案 设置正确的divcsspositio

html - 在另一个 div 中居中多个 div?

我有四个div包含在另一个div中,我希望四个内部div居中。我在四个div上使用了float:left以便它们水平对齐。CSS:.square//innerdivs{float:left;margin:1pt;width:72pt;height:72pt;}.container//outerdivs{text-align:center;width:450pt;height:80pt;}和HTML:............如何让容器内的div居中?内部div的数量可以是可变的。 最佳答案 因为你不知道你有多少个div,所以你应该使用

html - 如何在 UL 元素中居中列表项?

如何在不使用额外的div或元素的情况下将ul中的列表项居中。我有以下内容。我认为text-align:center可以解决问题。我似乎无法弄清楚。ul{width:100%;background:red;height:20px;text-align:center;}li{display:block;float:left;background:blue;color:white;margin-right:10px;}testtesttesttesttest检查jsfiddlehttp://jsfiddle.net/3Ezx2/1/ 最佳答案

html - 如何在 bootstrap 3 中居中表单

如何让我的登录表单居中?我正在使用bootstrap列,但它不起作用。这是我的代码:Login112233 最佳答案 在Bootstrap中有一种简单的方法可以做到这一点。每当我需要在页面中制作一个div中心时,我将所有列除以3(总Bootstrap列=12,除以3>>>12/3=4)。除以四得到三列。然后我将我的div放在中间列中。所有这些数学都是通过这种方式执行的:mydivherecol-md-4使一列包含4个Bootstrap列。假设它是主列。col-md-offset-4在主列的两侧添加一列(宽度为4Bootstrap列)

html - 如何在 Bootstrap 列中居中显示内容?

我正在尝试将列的内容居中。看起来对我不起作用。这是我的HTML:aaaaaaaaaaaaaaaaaaaaaaaaaaaJSFiddleDemo 最佳答案 使用:代替你也可以使用bootstrap3css:Bootstrap4现在有将内容居中的flex类:somecontent请注意,默认情况下它将是x-axis除非flex-direction是column 关于html-如何在Bootstrap列中居中显示内容?,我们在StackOverflow上找到一个类似的问题:

html - 在 bootstrap 中居中分页

我在分页中有这段代码12但是我的ul是左对齐的。有什么方法可以使ul与div居中吗?我尝试了margin:autoauto和margin:0auto但没有用。 最佳答案 Bootstrap从3.0开始添加了一个新类。12Bootstrap4有了新类12对于2.3.212这样给:.pagination{text-align:center;}之所以有效,是因为ul使用了inline-block;fiddle:http://jsfiddle.net/praveenscience/5L8fu/或者如果你想使用Bootstrap的类:12fi

html - 如何在html5中居中 Canvas

我一直在寻找解决方案一段时间,但没有找到任何东西。也许这只是我的搜索条件。好吧,我正在尝试根据浏览器窗口的大小使Canvas居中。Canvas为800x600。如果窗口低于800x600,它也应该调整大小(但目前这不是很重要) 最佳答案 为Canvas提供以下css样式属性:canvas{padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;display:block;width:800px;}编辑由于这个答案很受欢迎,让我添加更多细节。上述属性将水平居中