CSS:左对齐块，但在BS4中居中内容
stream was reset: CANCEL
相关·内容
1回答
我的回应主页上有个问题。当页面的宽度小于1024 is时，我希望这两个内容小部件在彼此下面并水平对齐。我定义了它们的宽度，并试图用margin: 0 auto对它们进行居中，但是它们停留在左边。
这是链接：
这是我的HTML：
<div class="home-left">
<h1 class="widgettitle">Title</h1>
<p>Text</p>
<div class="homebuttonbox"><a class="
浏览 5提问于2013-12-20得票数 0
回答已采纳
有人知道为什么text-align: center和text-align:-webkit-center有区别吗？例如，如果您有：
<section>
<h1>Title<h1>
<div class="image"></div>
</section>
// CSS与文本对齐:居中；
section{
text-align: center;
}
这将仅使文本居中
// CSS with text-align：-webkit-center
section{
text-align: -webkit-ce
浏览 0提问于2016-02-01得票数 22
我有一个asp.net中继器，在IE7中居中，但在FF中左对齐。我想让它左对齐。我注意到在css中，如果我删除：
body {
text-align:center;
}
中继器在IE中左对齐。问题是，实际上整个网站左移too...this是不好的。我不想重写整个网站。
我把中继器放在一个带有id="nav“的分区里。我为nav添加了一个css：
#nav {
text-align:left !important;
}
然而，中继器仍然居中。所以我试着：
#menuRepeater
{
float:left;
text-align:left !important
浏览 0提问于2010-11-18得票数 0
回答已采纳
我希望将页面正文中的所有元素居中，而不将居中格式应用于段落。例如，我希望我的段落左对齐，但作为一个整体，在网页窗口居中。
我试着去做
<body>
<div align="center">
<p></p>
<img>
</div>
</body>
但是，虽然这会使正文中的所有元素在页面上居中，但它也会强制段落内居中对齐。
浏览 3提问于2011-12-27得票数 0
2回答
因此，当我滚动时，表格标题是固定的，但它对左对齐，而不是居中-我不知道这个中心在哪里。我尝试过CSS和jquery，但没有成功.
我有个完整的例子在这里工作.
现在，我想将表的宽度更改为660像素，并将其居中。
我将表的css从98%更改为660 of，边距从0 1%更改为0 auto。
似乎不能让克隆头正确地对齐？
table {
border-collapse:collapse;
/* width: 98%; */
/* margin: 0 1%; */
width: 660px;
margin: 0 auto;
}
对
浏览 0提问于2018-11-05得票数 0
回答已采纳
这是我的页面：
蓝色按钮在Google Chrome中居中显示，但在Safari和Firefox中，它漂浮在左侧。
我使用的是最新版本的浏览器。
我的css代码是：
.messi .btn {
background-image: url(submit.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -1px -490px;
background-color: #5B74A8;
border-color: #29447E #29447E #1A356E;
color: white;
f
浏览 1提问于2013-03-14得票数 0
回答已采纳
4回答
显示:内联，但在不同的行
、、、
内联元素很棒，因为它们的宽度是内容的宽度，并且可以使用CSS的规则对其进行居中：
text-align: center
但是内联元素保持在同一条线上。可以垂直对齐吗？
小提琴：全屏小提琴：
请不要：
更改示例中的。将CSS！更改为以元素为中心的其他技术，除非您有一个更好的解决方案，可以处理未指定宽度且不需要大量容器和/或浮点数的元素。
提前感谢！
浏览 3提问于2012-02-03得票数 1
回答已采纳
我有两个问题。
1)导航链接中的文本是否以block为中心，因为我将这些链接(a标记)的显示属性的值设置为p，而现在它基本上与我在p元素中对文本进行居中一样？
2)我也将i元素(字体出色的图标)的显示属性设置为block，那么为什么这些元素也是以这些元素为中心的呢？如果将i元素上的display属性更改为table，则这些图标不会居中。在这种情况下，block值的行为不应该与table相同吗？据我所知，我只能使用text-align对齐内联和内联块元素。那为什么要这么做？
<!DOCTYPE html>
<html>
<head>
浏览 2提问于2016-03-08得票数 0
回答已采纳
我有一个加载脚本的广告，它位于一个居中的div中。无论我做什么，ie6、ie7和ie8都不会将其居中，除非body
text-align:center;
现在div的css是这样设置的，它只能在chrome/firefox上工作：
#header{
width:730px;
margin:0px auto;
text-align:center;}
我试着用这样的链条来使用.getScript：
.css('text-align', 'center');
但是脚本不会从外部加载到chrome中，然后它会将整个页面的CSS设置为脚本的宽度。我
浏览 2提问于2011-07-12得票数 0
所以我的问题听起来很平淡，但很烦人。当我单击css手风琴中的css图标时，我必须单击字母URL，以便将链接复制到剪贴板中。到目前为止，代码运行良好。
但是，当我点击css图标的白色边框(所以在URL字母的上方和下面)时，我希望整个事情都能正常工作。
我需要更改什么才能包含整个css图标才能成为JS onclick过程的一部分？
正文{
字体大小:21；
字体-家庭:塔霍马，日内瓦，无衬线；
最大宽度:550 max；
页边距:0自动；
背景颜色:黑色；
}
输入{
展示:无；
}
标签{
显示:块；
填充物:8px22px；
边缘:0 0 1px0；
光标:指针；
背景：#18
浏览 13提问于2022-06-13得票数 1
回答已采纳
我有一个div分类的内容。
在div中，有一个h1标记。
在h1标记内部是一个span标记，它的‘class设置为regTalker。
下面是标签：
<h1><span class="regTalker">Not Listed? Register <a href="?register">here</a></span>Browse Listings</h1>
regTalker类如下所示：
.regTalker {
text-align: left !important;
fo
浏览 1提问于2012-01-10得票数 2
回答已采纳
我不知道发生了什么，但我不能将div中的<p>与margin:0 auto;对齐。我无法理解哪里出了问题，或者我遗漏了什么，以下是代码：
<div class="test">
<p>Text that has to be centered</p>
</div>
这是CSS
.test
{
width: 100%;
margin: 0 auto;
max-width: 600px;
text-align:center;
background-color:
浏览 1提问于2015-06-26得票数 0
1回答
我有这个简单的CSS代码：
div {
width:100px;
height:100px;
border:1px solid #000000;
display:inline-block;
margin:0 auto;
text-align:center;
}
这段HTML代码如下：
<div>
</div>
<div>
</div>
我很难尝试用inline-block在屏幕上水平居中这两个DIVs。margin auto和text-align center都不工作。
浏览 1提问于2014-09-14得票数 0
4回答
对我来说，tables最有用的特性之一就是宽度可以根据内容进行调整。
你可以很容易地做这样的事情：
<table align=center style="border: 1px solid black">
<tr><td style="padding: 20px">
some text here
</table>
如果该框的内容更宽，则框将更宽。非常直观，它适用于所有浏览器，句号。
您可以通过使用float CSS属性来实现与普通块元素类似的效果，即调整其宽度以适应其内容。但是元素不会居中。
那么，问题是:如何将块
浏览 0提问于2010-07-09得票数 4
回答已采纳
7回答
我想“居中”我的网页的文本和内容。现在我不想让文本居中对齐，我仍然想要左对齐，但我希望在左右两边都有明显的页边距，这样所有内容看起来都相对居中。你能给我演示一下实现这一点的HTML/CSS吗？谢谢。
浏览 0提问于2009-05-19得票数 5
我在网页上有这样的东西：
“定理”和从“步骤1”到“步骤2”的块部分是MathJax呈现的。我使用的是2.3版本，但为了避免出现在右边的垂直线，我将其升级到2.7.7。但是，当公式包含换行符时，它们不是居中的；它们与左边对齐：
在HTML代码中，我有以下配置：
<!DOCTYPE html>
<html>
<head>
...
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
浏览 0提问于2021-10-14得票数 0
回答已采纳
我想知道是否可以在Docusign中“居中”对齐数据字段的内容？
我有一个带有文档的模板，其中一个值需要居中对齐。
任何参考将非常感谢！
浏览 2提问于2014-04-24得票数 1
3回答
我试图在语义用户界面中将搜索框居中。条形图是居中的，但是搜索结果没有中心。我试过将中心对齐的类与输入的div对齐，但在这里不起作用，这是我的代码和js
var categoryContent = [{
category: 'Language',
title: 'Python'
},
{
category: 'Language',
title: 'Java'
},
];
$('.ui.search')
.search({
type: 'categ
浏览 0提问于2018-09-03得票数 3
回答已采纳
，internet 8确实支持显示属性的表选项，但在本例中它显示出非常奇怪的行为。
在普通浏览器中，内部图像将被缩放到适合150×150框，而不改变尺寸比(拉伸)。
但是在IE8里，外面的盒子(蓝色的)也会延伸：
你见过这样的东西吗？它似乎与text-align:center有关:删除此属性可以解决问题，但我确实需要对图像进行居中(至少在非ie浏览器中)。
2)如果不能正确修复，如何为IE提供一个特殊的display值？我在网络上看到了一些例子，比如#display: block;，但它们都只适用于IE7。
编辑我知道<!--[if IE 8]>和类似的放在htm
浏览 0提问于2011-01-05得票数 16
回答已采纳
1回答
我正在尝试使用CSS在jQuery移动中居中图像。无论我对图像应用什么样式，它都不会居中。请不要在css中的极端情况下查看图像是否被操纵，但它不是。它保持在相同的位置。我尝试向图像本身添加一个类，并将其居中对齐，但也不起作用。
HTML：
<div class="me">
<h2 class="name">John Doe</h2>
<img src="MyPic1.jpg" alt="My Photo" height="200px"/>
&l
浏览 1提问于2018-04-30得票数 0
1回答
我需要一个带有页面内容的居中div，并在页面的左侧和右侧对齐重复的背景：
。在左侧，箭头图案应该从页面左侧结束的位置开始，然后重复到屏幕左侧的末尾，右侧则是相同的部分。在右边，它是对齐的，但这是巧合。当前代码在：中
HTML：
<body>
<div class="container">
<div class="content">
<p>
Lorem ipsum dolor sit amet
</p>
浏览 4提问于2013-07-27得票数 1
回答已采纳
我希望我的MathJax显示在IPython笔记本中的方程式在左边对齐，而不是居中。这是由MathJax中的核心配置选项控制的，如所描述的。
我尝试在IPython笔记本中设置此选项，方法是将其添加到config.js文件中
MathJax.Hub.Config({
displayAlign: "left"
});
但它没有任何效果。
如何在MathJax笔记本中设置IPython核心配置选项？
我已经找到了一种可行的方法:将上述配置行添加到config.js中，而是添加到mathjaxutils.js中。在我的例子(Windows 8)中，这个文件可以在这里找到：C
浏览 5提问于2015-02-05得票数 25
回答已采纳
2回答
让UIButton的图像边缘插图左对齐而标题完全居中的好方法是什么？如下所示：
图像将有一个恒定的左侧插图，但标题将始终在整个按钮中居中。我找到的大多数解决方案都可以追溯到4或5年前，它们是基于手动计算图像的必要插图，同时保持标题的中心对齐。
真的还没有简单的方法做到这一点吗？
浏览 4提问于2016-05-09得票数 3
1回答
在我的网站上，我有一个搜索结果的表格。它在火狐和Chrome中居中对齐，但在IE9中不对齐。我正在使用下面的条件CSS，但显然它不起作用，它仍然在IE9中左对齐。
<!--[if IE 9]>
<style type="text/css">
.ie9fix {
width: 75%;
position: absolute;
margin-left: auto;
margin-right: auto;
float: center;
}
</style>
<![endif]-->
我到底需要
浏览 0提问于2012-06-13得票数 0
我不明白：
我曾尝试将HTML <span>标记的文本对齐居中，但它什么也没做...有了<div>标签，一切都能正常工作。与在css中设置margin: 0px auto;的情况相同。
为什么span标签不支持text-align;函数？
浏览 0提问于2011-10-13得票数 38
回答已采纳
2回答
我试图理解文本对齐，但它似乎根据应用于哪种类型的元素以及从何处应用，无论是父元素还是子元素，都有不同的规则。
据我所知，如果我将文本对齐:center应用于div，那么所有包含的元素都将具有文本对齐:center属性。
如果我应用文本对齐:居中于内联元素(如图像)，什么也不会发生，因为图像没有作为元素一部分的周围空间。我有这段代码，我不知道为什么它的行为是这样的。我试图实现的只是简单地在标题标记中水平地对图像进行居中，并以这样的方式实现：
body {
margin: 0;
}
header {
background-color: black;
height: 100px;
浏览 1提问于2022-09-21得票数 -1
我正在创建一个Windows Forms ListView，并将其SmallImageList设置为在每行的第一列中放置一个图标。我已经将列标题的TextAlignment设置为“居中”，但图标是左对齐的--有人能提供关于如何居中对齐这些图标的建议吗？
谢谢
浏览 0提问于2009-08-06得票数 1
回答已采纳
为客户端的文本内容开发一个内联文本编辑工具，我们允许他们使用CKEditor5 5的文本对齐插件来调整文本对齐。客户端的文本内容位于一个节中，并且一个节可以具有默认的文本对齐方式(左、中或右)。例如，对于部分默认对齐是居中的情况，如果客户端试图调整部分或所有要使用CKEditor对齐的文本内容，则由于没有插入“文本对齐:左”的对齐插件，文本将保持居中。是否有任何方法来配置插件强制插入“文本对齐:左”，而不是删除它？
浏览 5提问于2022-06-23得票数 0
2回答
从，您可以看到我有一个脚注。
我想对齐每一列中的内容，以便容器居中，但文本仍然对齐。
HTML:
<div class="left">
<div class="align">
<h6>Facebook</h6>
<h6>Twitter</h6>
<h6>Blog</h6>
</div>
</div>
<div class="right">
<div class="al
浏览 0提问于2016-02-17得票数 0
回答已采纳
2回答
居中对齐的浮动块
、、
我正在尝试弄清楚如何有一个流体模板，可以包含中心对齐的浮动块。我认为下面的图片显示了它应该如何工作。
模板是流动的，并且可以调整大小。浮动框将覆盖屏幕的宽度，其余框将居中对齐。
如果用户调整窗口大小，剩余的浮动框仍将居中对齐。
我不确定如何使用CSS (可能只是)或jQuery来实现这一点？
浏览 3提问于2011-09-17得票数 1
回答已采纳
7回答
我们有一些通过jQuery垂直居中对齐的图像。我们希望发生的事情是在$(document).ready上隐藏未对齐的图像(即不居中)，然后在window.onload上运行居中功能，然后显示之后的图像。
当页面加载时，图像会立即隐藏在Firefox和Chrome上。但在IE8中，有一小段时间，它仍然会在隐藏图像之前显示未对齐的图像。
有没有办法让IE8更快/更快地隐藏它们？代码如下：
<script language="javascript" type="text/javascript">
$(document).ready(function() {
浏览 2提问于2011-08-29得票数 3
回答已采纳
我试图调整CSS，所以“产品”和产品信息是居中的，而不是向左浮动的，我不能通过添加到WP帖子中的短代码来调整HTML，但是也许我可以把它包装在div中呢？
HTML:
<ul class="products ribbon">
<li class="product last first">
<a href="http://dailybabydeals.co.nz/shop/estella-rose-designs/">
<div class="thumbnail&#
浏览 4提问于2013-02-13得票数 0
回答已采纳
2回答
我有一个宽度为20%的输入元素，我想让它水平居中。我尝试过居中对齐(父元素)，但是没有用。下面是它的外观(输入框)：
现在元素代码如下所示：
<fieldset class="ui-grid-solo" style="text-align:center !important;">
<input type="number" class="answerIput"/>
</fieldset>
有没有办法做到这一点？
浏览 4提问于2012-12-05得票数 1
回答已采纳
2回答
我有以下HTML：
<div id="container">
<div id="header"><h1>Sed sollicitudin dignissim justo, sed.</h1></div>
</div>
和以下CSS：
div#container
{
text-align:left;
width:500px;
margin:0 auto;
}
这将创建一个跨整个屏幕的div container，并在第一个div header中创建另一个div c
浏览 1提问于2012-09-02得票数 1
回答已采纳
6回答
a {
font-size: 8pt;
text-align: left !important;
text-decoration: none;
}
.main {
text-align: center;
}
<div class="main">
<a href="#new_york_city">New York City</a><br />
<a href="#long_island">Long
浏览 3提问于2011-07-16得票数 6
回答已采纳
为什么text-align要把文字和图像中心化？
CSS：
#SupplierContainer {
width: 100%;
margin: 0 auto;
background-color: Blue;
}
#SupplierContainerContentHolder {
background-color: Yellow;
text-align: center;
}
HTML：
<div id="SupplierContainer">
<div id="SupplierContaine
浏览 3提问于2012-10-27得票数 7
回答已采纳
4回答
我有以下代码：
CSS
#main
{
width:100%;
height:120px;
border:solid 1px #efefef;
}
#links
{
background-color:#808080;
}
#links ul
{
margin:0px auto;
padding:0px;
list-style:none;
background-color:#eee;
height:30px;
}
#links ul li
{
float:left;
margin:0px;
li
浏览 2提问于2010-08-04得票数 0
回答已采纳
我使用的是IE 8。
如果你转到，你会发现(carousel)图像下面的文本是右对齐的，而它应该是居中对齐的。
但是，如果您单击left & right按钮来导航旋转木马，文本将居中对齐。
我猜这可能是一些jquery (及其循环插件)的问题。但我不确定。
此外，左按钮和右按钮的对齐不正确。它应该在点的右边。它可以在FF中工作，但不能在IE中工作。
浏览 0提问于2011-03-08得票数 0
编辑
我正在寻找一个没有javascript和没有媒体查询的解决方案(用户可以更改容器大小)。
/EDIT
我需要创建一个项目网格。
容器有一个灵活的宽度。
网格始终是居中的。
网格中的项需要保持对齐。
很简单，但我找不到解决办法!！
下面是一张我需要的图片：
下面是一个小摆设：
HTML：
<div class="container">
<div class="grid">
<a href="#"></a>
<a h
浏览 3提问于2014-08-19得票数 3
回答已采纳
4回答
我在一个css文件中有以下几行
body {text-align: center;}
table {margin: 0 auto}
这会导致所有文本居中对齐。但在某些内部，我希望文本是右对齐还是左对齐，所以我添加了
<table style="text-align:right;">
文本仍然居中。我应该添加什么？
浏览 1提问于2012-05-19得票数 0
回答已采纳
4回答
我有一组放在DIV中的超链接(使用a标记)，我希望它们在DIV中居中。我已经尝试过将文本对齐(斜体)放在这个DIV上，也尝试过对于超链接使用“页边距0自动”(斜体)，但是它们仍然牢牢地粘在左边。
下面是HTML和CSS代码。
谢谢你的帮助！
<div id="navigation">
<a class="nav" href="index.html">Home</a>
<a class="nav" href="Page 1.html">
浏览 5提问于2014-02-16得票数 3
2回答
黑莓手机网站的中心页面
、、、
我有一个移动网站，可以在我测试的每个浏览器上运行。尽管在黑莓手机上，整个页面似乎都是靠左对齐，而不是居中。
有没有特定的方法可以让它像其他东西一样居中对齐？你能像使用IE一样使用条件句吗？我需要以body标签为目标吗？
目前它只是一个简单的边界:0 auto；-任何帮助都是感激的。谢谢。
浏览 2提问于2010-09-22得票数 0
3回答
我已经创建了一条CSS规则来将文本右对齐。但是，当我在单元格中的字体上应用该规则时，它不会将其右对齐！谁能说出为什么？
下面是我的代码：
CSS：
.font1 {
font-size: 60px;
text-align: right;
HTML：
<table width="90%" align="center" bgcolor="#669999" border="10" cellpadding="0" cellspacing="0">
<tr>
浏览 1提问于2013-06-28得票数 11
为了验证元素是否居中对齐，我尝试获取该元素的CSS属性/值。我完全是javascript的新手，所以我想寻求您的帮助来获取css属性，以便使用javascript验证文本对齐。
浏览 1提问于2013-02-21得票数 0
5回答
我正在使用使用btn-块类定义的列宽度引导按钮。但是，在默认情况下，它们中的文本是居中的，我想将其左对齐，这样它在我的形式上看起来更自然了。是否有一个很好的引导解决方案，或我必须使用CSS？
我得到的是：
<a href="url" class="btn btn-default btn-block" role="button">Push Meh</a>
浏览 3提问于2015-07-30得票数 3
回答已采纳
我的程序必须在PDF Acrofield上做一些样式。其中之一是将文本在多行文本域(而不是富文本域)中水平和垂直居中。我设法用下面的代码将它水平居中： var centeredField = stamper.AcroFields.GetFieldItem(field.Name);
centeredField.GetWidget(0).Put(PdfName.Q, new PdfNumber(PdfFormField.Q_CENTER)); 但是我找不到任何方法使文本垂直居中。任何帮助都是非常感谢的。
浏览 226提问于2019-05-08得票数 0
回答已采纳
2回答
将链接居中对齐
、、
在分类页面中，我需要将链接居中对齐以“继续阅读...”。我已经尝试了几种方法，但都不起作用。
这是页面上的HTML：
<a class="more-link">Continue reading <span class="screen-reader-text">description</span> <span class="meta-nav">→</span></a>
我已经尝试了以下CSS代码，但它们都不起作用：
.more-link {
margin-right: au
浏览 0提问于2015-12-19得票数 0
2回答
我想做一个水平导航栏，里面有三个透明的小盒子。该栏将在我的页面标题下居中。我不能让箱子或桌子水平或居中。 正如我所说的，我已经尝试过做表格，盒子和表格单元。到目前为止，还没有人解决这个问题。我已经检查了和的宽度没有干扰元素。 这是CSS nav{
background-color: rgba(0, 0, 0, 0.26);
height: 70px;
width: 1200px;
margin-left: auto;
margin-right: auto;
}
nav ul li{
list-style-type: none;
float: left;
}
li a {
text-dec
浏览 20提问于2019-05-09得票数 0
1回答
我有一个画廊在我的网站(koolcycles.com)下的主要图片，我想让它居中的页面(即有蓝色的虚线轴移动到的地方，红色线轴在所附图片)
我被告知需要更改CSS文件中的宽度。
我想知道我需要更改什么以及在哪里更改！
浏览 0提问于2015-10-12得票数 0
我正在尝试编写一个符合HTML5的文档，该文档将通过W3C验证器：。
验证器抱怨标签的每次使用，并建议我使用CSS。不幸的是，CSS似乎不能将块水平居中。它可以使用' text -align: center‘属性将文本居中，但尝试居中表格和图像会失败。
我在上读过"CSS居中指南“，但它的所有示例都不能水平居中表格或图像(至少在Firefox36.0上是这样)。谁能建议一下如何使这张桌子居中？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" co
浏览 1提问于2015-04-02得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
