需要帮助与CSS布局

-2

我有CSS布局问题。我正试图调整Required！消息发送到所述输入元件需要帮助与CSS布局

保持该流的右：

种：

输入元件错误消息

犬种：

输入元件错误 - 短信

我尝试了各种嵌套的div无法成功。

链接：在那里，请看看这个
http://jsfiddle.net/d0773d/BpqyT/

来源

2011-06-01 dottedquad

你在问什么还是有点不清楚。 – Sparky 2011-06-01 20:27:04

这里有很多不同的问题，但对于初学者来说，如果你总是在两个你想要的东西之间放置一个换行符“
”，那么第二个东西总是会被强制**在**之下。 – Sparky 2011-06-01 20:34:34

你有太多不必要的标签（标签列表），我认为这将有助于：

<div style="float:left;"> 
<select> 
    <option>testing</option> 
</select> 
    <span>Required</span> 
</div> 
<div style="float:left;"> 
<select> 
    <option>testing</option> 
</select> 
    <span>Required</span> 
</div>

工作示例：

http://jsfiddle.net/BpqyT/7/

来源

2011-06-01 20:25:49 Headshota

这是一个开始找出格式化的正确方法。我补充说清楚了：离开;到第二个div样式，第二个div在第一个下移动。 – dottedquad 2011-06-01 22:30:40

哦，如果你需要将它们垂直放置，你不需要任何浮子。删除它们=） – Headshota 2011-06-02 04:33:00

Div的是块级元素，所以它们将迫使NE w线默认。为了解决这个问题，更改：

<div id="species_error">

和

<div id="breed_error">

到：

<div id="species_error" style="display:inline-block">

和

<div id="breed_error" style="display:inline-block">

来源

2011-06-01 20:29:12

或者，不要将div用于species_error和breed_error，并使用跨度。跨度是内联元素，不会强制换行。 – 2011-06-01 20:29:57

我试图实现显示：内联块，但没有强制第一个下面的div。 – dottedquad 2011-06-01 22:27:46

你说过“我正在尝试将Required！消息与输入元素的右侧对齐。”如果您试图强制第一个div，您需要一个不同的答案。 – 2011-06-02 00:38:05

您可以使用 '文本对齐：权利;'使消息在其可用区域的右侧对齐。但是当你这样做时，显然父容器不能垂直排列。您需要重新处理您的标记和CSS。尝试下列操作之一：

两格列，“右”和“左”，它包含的内容
的右边或左边一半摆脱div容器，只是使用浮动和宽度排队一切都起来。

来源

2011-06-01 20:29:16 KatieK

我将你的想法考虑在内，但是在重新设计我的布局之后，必需！文本没有正确排列。所以，我重新将我当前的布局修改为（请参阅链接查看）：http://jsfiddle.net/d0773d/BpqyT/34/我仍然被要求使用

将其他元素和消息移动到第一个以下。 – dottedquad 2011-06-01 22:06:19

啊，我的印象是你想要的！文本正好在输入元素下面对齐。 – KatieK 2011-06-01 22:13:52

报价：“必需”！“我试图对准请求消息给输入元素的权利”

你必须把它与一个换行符<br />在输入元素下方的另一行上。

来源

2011-06-01 20:29:35 Sparky

这与CSS没有任何关系，您在输入和错误消息之间有一个<br />标记，您必须先删除这些标记。

来源

2011-06-01 20:29:58 jeroen

需要帮助与CSS布局

回答

相关问题