智者樂山山如畫, 仁者樂水水無涯。 從從容容一盃酒, 平平淡淡一盞茶。 細雨朦朧小石橋, 春風盪漾小竹筏。 夜無明月花獨舞, 腹有詩書气自華。 吾生有崖,也知無崖,以有崖逐無崖,殆也

Input 和button 在同一行上

<form action="Indexdefault.aspx?ID=2b279cfc-a6bf-40dc-b6d4-1f2314113766" method="get" target="_blank">
                <div class="same">
                    <input type="text" name="keyword" class="textSearch" 
                        placeholder="搜索" />
                    <button class="btnSearch"></button>
                </div>
            </form>
复制代码
.same{
            padding: 0;text-align:center;
            margin: 0 auto;
            border: 1px solid red;width:630px;
            height: 47px;vertical-align: middle;font-size:0px;
        }
        .textSearch
        {
            height:45px;line-height:45px;width:500px;margin:0 auto;font-size:18px;padding:0;vertical-align:top;
            border:0;outline:none;
        }
        .btnSearch
        {
            background:transparent;border:0;
            background-image:url(img/search.png);
            background-repeat:no-repeat;
            width:130px;height:47px;margin:0;padding:0;
            border:none;outline:none;border-width:0;
            border-style:none;box-sizing: padding-box;
        }
复制代码

 

posted @   後生哥哥  阅读(6413)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
智者樂山山如畫, 仁者樂水水無涯。 從從容容一盃酒, 平平淡淡一盞茶。 細雨朦朧小石橋, 春風盪漾小竹筏。 夜無明月花獨舞, 腹有詩書气自華。 吾生有崖,也知無崖,以有崖逐無崖,殆也
点击右上角即可分享
微信分享提示