javascript - 如何扩展输入以适本地适应

标签 javascript html css

<分区>

enter image description here

第一张图片是当前图片,第二张图片是我想要得到的。但是似乎没有任何效果,有人可以帮我解决这个问题吗?

index.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>

最佳答案

嘿,你可以给一个内联样式并改变输入框的宽度

 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>

关于javascript - 如何扩展输入以适本地适应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19331315/

相关文章:

css - 将 css 应用于 iframe 中包含的表格

javascript - 如何更新这样的嵌套状态?

javascript - Express Router 对一个 url 的 post 方法返回 404

html - IE 忽略 !important CSS 中的标签

javascript - HTML/CSS 文本对齐和 div 错误

php - 图像未加载/显示

chrome 6 的 jquery 边距问题

javascript - 如何增加相反方向的高度?

javascript - 使用 Javascript 将嵌入式 JSON 对象展平为单级数组/对象

javascript - 勾选复选框时灰显(禁用)HTML 文本区域