CSS Div對齊問題

我有一個聯繫表單設置和DIV。我遇到的問題是當DIV中的文本重疊時，它並不排隊。CSS Div對齊問題

我的HTML和CSS如下（HTML一）

<div class="form_label"><span class="number">7.</span> ¿tienen almacenes de existencias significativos al cierre en ubicaciones diferentes a donde se encuentra la entidad?</div>

CSS ...

.form_label { 
clear: left; 
float: left; 
font-size: 10pt; 
margin-bottom: 5px; 
margin-left: 1px; 
padding-top: 0; 
width: 553px; 
} 

.number {font-weight: bold;}

我有一種感覺它的文本對齊問題。任何幫助讚賞！

來源

2011-02-02 StuBlackett

製作形式更廣？ – 2011-02-02 12:21:57

問題是你希望數字之後的文本在同一個地方開始（即，而不是第二行開始於與你希望它開始符合「¿tienen」的數字相同的地方？ – Chris 2011-02-02 12:23:22

你可以使用一個table ......還是：
<div class="form_label"> <div class="number">7.</div> <div class="content">¿tienen almacenes de existencias significativos al cierre en ubicaciones diferentes a donde se encuentra la entidad?</div></div>

使用CSS：
.number {font-weight: bold; display:inline; width:23px; vertical-align: top;} .content { display:inline-block; width: 530px; }

來源

2011-02-02 12:37:59 anothershrubery

嘗試使用跨度外容器，如果你想要的一切在網上

來源

2011-02-02 12:24:23 Xhalent

嘗試：

編輯：忘了加上<ol>標籤。沒有它，value屬性不起作用。

<ol> 
    <li value="7">¿tienen almacenes de existencias significativos al cierre en ubicaciones diferentes a donde se encuentra la entidad? 
</ol>

來源

2011-02-02 12:29:49

您可以在類form_label中修改width屬性並將其放到622px;

來源

2011-02-02 12:29:56

通常，要保持文本在一行中，您必須添加white-space: nowrap。

在你的情況，顯然div還沒有足夠的空間來容納文本：http://jsfiddle.net/PyDAF/

或者你在縮短的文本（如果你還想width: 553px），或增加.form-label witdh值。

來源

2011-02-02 12:30:45 Red

CSS Div對齊問題

回答

相關問題