0

我想用一个按钮输入两个输入，让用户输入他们的用户名和密码，我正在使用这个 css 代码来控制我网站中的输入标签，以便在所有屏幕尺寸上正确显示它，它工作正常。

.controller {
 width: 98%;
 margin: 0;
 padding: 7px 5px 4px;
 color: #555;
 font-size: 18px;
 font-family: inherit;
 border-style: solid;
 border-width: 0 1px 1px 0;
    }

我想要一些动态文本，这些文本是从用户的这两个输入下方的数据库中检索出来的。现在我的问题是，如果文本很长，它不会正确显示在输入下方并影响它们不适合屏幕，只要文本只有 5 到 10 个单词就没有问题。

这是输入的html文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
    <form method="post" action="answer">
                <ul>
                    <li>
                        Login Name:<input type="text" name="id" class="controller"></input>
                    </li>
                    <li>
                        Password:<input type="password" name="pass" class="controller"></input>
                    </li>
                    <li>
                        <input type="submit" value="Login"></input>
                    </li>
                </ul>
    </form>     
</body>

这是CSS代码

 .controller {
 width: 98%;
 margin: 0;
 padding: 7px 5px 4px;
 color: #400;
 font-size: 18px;
 font-family: inherit;
 border-style: solid;
 border-width: 0 1px 1px 0;
    }

请任何人都可以告诉我我必须做什么或提供一个CSS代码来控制问题。

非常感谢您的任何回答，并对我的长问题感到抱歉。

4

1 回答 1

2

所以，我认为这就是你想要做的。在你的表格之后，

<div id="response">
    <p> Some Long Block Of Text That Will Wrap Around This Div </p>
</div>

然后，在 CSS 中你会得到这样的事情：

#response
{
    width: 75px; /*desired width*/
    margin-top: 25px; /*distance from the form above*/
}
#response p
{
    /*anything you want to do to that specific <p> */
}

我不确定你是如何获取动态文本的，但我猜它是一个脚本，它从获取信息answer并将其放入 html 中。只需将该信息放在<p>里面#response

于 2012-06-23T15:13:43.390 回答