CSS文本对齐

我有这样的结构：CSS文本对齐

<div class="father"> 
This string is left-aligned 
<div class="divToCenter" style="display:inline-block;"> 
    //contains other divs.I used inline block for making this div as large as 
    //content ATTENTION: its width is not fixed! 
</div> 

</div>

我怎么能说：

让我只有一个名为 “divToCenter” 中 “父亲” 的div为中心的类。

由于

卢卡

来源

2011-05-20 luca

需要一些解释... – Murugesh 2011-05-20 10:07:55

部门总是伸展以容纳他们的内容，直到他们的直接父母的程度。不需要'display：inline-block;' – Krimo 2011-05-20 10:26:22

father div较大，宽度也是固定的，所以divToCenter倾向于扩展到它父亲的宽度 – luca 2011-05-20 10:28:28

#left {float: left; background: #eee; width: 200px; /* width is optional */} 
#content {overflow: hidden; text-align: center;} 


<div class="father"> 
<div id="left">This string is left-aligned</div> 
<div id="content"> 
    //contains other divs.I used inline block for making this div as large as 
    //content 
</div> 
</div>

浮子左对齐的字符串或块向左，然后用overflow:hidden上的内容一世t会自动占用剩余空间，你可以text-align它想要如何

要么或将左侧内容转换为内联块，因此它和内容是并排的，你将能够文本对齐每个inline-block分开

来源

2011-05-20 10:31:49 clairesuzy

yeap thanks！我还保留了“wrap-left-aligned-content”解决方案作为最后一个资源..我认为应该是一个css选择器来使用我自己的结构，而无需进一步修改，但我想我错了=） – luca 2011-05-20 10:41:54

我看到你现在留在一个评论另一个答案的小提琴示例，是的，我认为包装左对齐将是最好的答案 - http://jsfiddle.net/clairesuzy/ ea47e/6/- 您无法以任何其他方式定位父div的“文本节点”部分 – clairesuzy 2011-05-20 11:08:21

div.divToCenter 
{ 
margin: 0 auto; 
}

来源

2011-05-20 10:07:24 Jawad

您需要div内的文本像文本对齐一样居中或者您想要div本身以中心为中心？他们是两个不同的东西！ – Jawad 2011-05-20 10:10:31

我想div的中心..（顺便说一句div是其内容的实际大小.. so内容不能对齐） – luca 2011-05-20 10:14:57

@ JAA149我也试过你的提示，但它不工作..我添加“！重要”，使如果我将“text-align”属性应用于父div，我将所有文本（包括divToCenter）居中......但我只希望中心 – luca 2011-05-20 10:20:21

.father { text-align: center; } 
.father div.divToCenter { margin: 0 auto; }

更新：

.father { text-align: left; } 
.father div.divToCenter { width:Xpx; margin: 0 auto; }

来源

2011-05-20 10:22:29 Mousa

正如我上面写的如果我应用“文本-align“属性到父div我有所有的文本（包括divToCenter）居中..但我只想在中心的div .. – luca 2011-05-20 10:24:36

我已更新我的帖子，希望达到您的要求，只需设置宽度属性的内部div以确保自动保证金被激活。 – Mousa 2011-05-20 10:39:53

divToCenter宽度是动态..不固定..谢谢！我想我会使用“wrap left content”解决方案 – luca 2011-05-20 10:49:34

CSS文本对齐

回答

相关问题