2

在此处输入图像描述

第一个图像是当前图像,第二个图像是我想要得到的。但是似乎没有任何效果,有人可以帮助我吗?

索引.html

<!DOCTYPE html>
<html>
        <head>
                <title>speaker</title>
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <link href="css/style.css" rel="stylesheet" media="screen">
        </head>
        <body>
                <div class="block container" id="container">
                        <center><img src="img/logo.png"></img></center>
                        <div class="separator"></div>
                        Name: <input class="block" id="name" type="text">
                        Post: <input class="block" id="post" type="text">
                        <a class="block" href="#" id="submit">Submit!</a>
                        <div class="separator"></div>
                        Followed tags:<input class="block" id="post" type="text"><br>
                        <span class="author">Separate tags with spaces, like; #tomatoes #cats #music
                        <div id="postbreak"></div>
                </div>

                <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
                <script src="js/script.js"></script>
        </body>
</html>
4

2 回答 2

0

嘿,您可以提供内联样式并更改输入框的宽度

 Name: <input class="block" id="name" type="text" style="width:150px;">
                    Post: <input class="block" id="post" type="text" style="width:280px;">
                    <a class="block" href="#" id="submit">Submit!</a>
                    <div class="separator"></div>
                    Followed tags:<input class="block" id="post" type="text" style="width:480px;"><br>
于 2013-10-12T07:28:47.493 回答
0

最好的方法是:

从整个区域中获取每个输入的百分比。方法如下: 在此处输入图像描述

于 2013-10-12T07:28:58.150 回答