html – 显示标签旁边的标签,不断行

html – 显示标签旁边的标签,不断行,第1张

概述我想蘸一个标签,并在其旁边输入文字. 输入文本必须在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" 我想蘸一个标签,并在其旁边输入文字.
输入文本必须在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 ><input type="text" /></div></body></HTML>

我的问题是我得到的文字前面的div.

http://jsfiddle.net/2wNbR/

我该怎么解决?

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 >        <input type="text"  />        <div >            <input type="text"  />            <div ></div>            <div >                <select  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 ><input type="text" /></div>

而且您也可能要查看< label> HTML元素

总结

以上是内存溢出为你收集整理的html – 显示标签旁边的标签,不断行全部内容,希望文章能够帮你解决html – 显示标签旁边的标签,不断行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1101497.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存