我想蘸一个标签,并在其旁边输入文字.
输入文本必须在div之内 – 稍后我想添加元素到div.
我使用float来显示标签旁边的div /
输入文本必须在div之内 – 稍后我想添加元素到div.
我使用float来显示标签旁边的div /
这里是我html：
<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" >
<head>
<Meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title></title>
</head>
<body>
label: <div style="float:left;"><input type="text" /></div>
</body>
</html>
我的问题是我得到的文字前面的div.
我该怎么解决？
UPDATE
我实际上想使用自己编写的自动完成插件,而不是输入文本.自动完成使用div.我不想为标签创建“先决条件”,所以解决方案就像添加< span style =“float：right”>< / span>标签周围不好.
UPDATE2
我以为没有必要,但我认为这是重要的.
这是完整的例子：http://jsfiddle.net/2wNbR/16/
.Autocomplete {
direction: ltr;
}
.Autocomplete,.Autocomplete .Arrow,.Autocomplete .CodeField,.Autocomplete .SmartField,.Autocomplete .Selector {
float:left;
}
.Autocomplete .Arrow {
background-image:url(drop.gif);
background-position:top right;
height:17px;
width:17px;
cursor:pointer;
}
.Autocomplete .OptionsListHolder {
height:0px;
width:0px;
}
.Autocomplete .OptionsList
{
position:relative;
z-index:999;
top:0px;
right:0px;
border: 1px solid #888888;
font-weight: normal;
font-size: 12px;
font-family: Arial (Hebrew);
}
.Autocomplete .CodeField
{
width:40px;
border: 1px solid #888888;
height:13px;
}
.Autocomplete .SmartField
{
width:auto;
border: 1px solid #888888;
height:13px;
font-weight: normal;
font-size: 12px;
font-family: Arial (Hebrew);
}
Customer:
<div class="Autocomplete">
<input type="text" class="CodeField" />
<div class="Selector">
<input type="text" class="SmartField" />
<div class="Arrow"></div>
<div class="OptionsListHolder">
<select class="OptionsList" size="8">
<option>opt 1</option>
<option>opt 2</option>
<option>opt 3</option>
<option>opt 4</option>
<option>opt 5 - long item text</option>
</select>
</div>
</div>
</div>
<br>
text to check if the OptionsList is override this text
解决方法
<div style="display:inline-block;"><input type="text" /></div>
而且您也可能要查看< label> html元素
