Question

我有一个div嵌套在div中。我试图显示一些文本，这是有效的。但是我想要的是文本是中心对齐的，即它有一个a.bet_price , cast(MIN(b.bet_price) as UNSIGNED)。但它没有任何作用。但是，当我执行left: -50%之类的操作时，文本向左移动20px。如何将我的div移动50％？

即使位置相对我也没有变化

left: 20px

使用.currentText{ position: relative; margin-left: -50px; }会破坏我的显示器

float

我的html（在我的情况下是jsx）是：

.currentText{
  float: left;
  margin-left: -50px;
}

Answer 1

你想得到这样的东西吗？：

https://jsfiddle.net/nL7bjgbx/20/

我已经使用jQuery来获得孩子div＆amp;抵消价值的一半

var widthDiv = $(".childDiv").css('width');
var rule = '-'+(widthDiv.replace("px", "")/2)+'px';

$(".childDiv").css('margin-left', rule);

Answer 2

如果您只想将文字对齐中心，请添加此.targetText { text-align: center }

Answer 3

如果你有嵌套的div，你可以使用如下的定位。

.outer {
  width: 300px;
  height: 100px;
  background: #ccc;
  position: relative;
}

.inner {
  width: 150px;
  height: 50px;
  background: #f0f;
  position: absolute;
  left: 50%;
  margin-left: -75px;
  top: 50%;
  margin-top: -25px;
  text-align: center;
}

<div class="outer">
  <div class="inner">Text</div>
</div>

左边或左边边距不起作用％

3 个答案: