欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

CSS问题，求赐教！！！！！！！！！！！！！！！！！！！！！！_html/css_WEB-ITnose

程序员文章站 2022-05-13 23:22:24
...
CSS HTML 现在有个页面是这样的 代码如下， 有这么几个需求
1，
上下左右居中于
并且两个div 会随着浏览器的大小 自动相对变化
2，
这个div有输入框，输入框的大小可以随着输入文字的长度改变，默认情况下宽 300px

麻烦大神赐教，如何修改当前的页面！ 


      {$PLUGIN_TITLE}    
   
    plugin content goes here

回复讨论(解决方案)

1，

上下左右居中于
并且两个div 会随着浏览器的大小 自动相对变化

既然要居中自然left right相等，top bottom相等，不需要使用width height。
#main_bg{
position: absolute;
top: 40%;
left: 40%;
right:40%;
bottom:40%;
text-align: left;
background-color: rgba(255, 255, 255, 0.8);
color: #333333;
margin:0 0 0 -176px;
-webkit-box-shadow:0px 1px 2px #7d7d7d;
-moz-box-shadow:0px 1px 2px #7d7d7d;
box-shadow:0px 1px 2px #7d7d7d;
padding:50px;
background-color:#ECEFF1;
}

2.
这个div有输入框，输入框的大小可以随着输入文字的长度改变，默认情况下宽 300px

这个可以使用span contenteditalbe="true"来模拟input框，span可以随着长度增长改变。
#span {
min-width:200px;
border: 1px solid;
display:block;
white-space:nowrap;
}CSS问题，求赐教！！！！！！！！！！！！！！！！！！！！！！_html/css_WEB-ITnose

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

相关文章

相关视频

网友评论

文明上网理性发言，请遵守 新闻评论服务协议

我要评论
  • CSS问题，求赐教！！！！！！！！！！！！！！！！！！！！！！_html/css_WEB-ITnose

    • 专题推荐

    作者信息
    CSS问题，求赐教！！！！！！！！！！！！！！！！！！！！！！_html/css_WEB-ITnose

    认证0级讲师

    发布技术文章
    • 最新文章
    • 热门排行
    推荐视频教程
  • CSS问题，求赐教！！！！！！！！！！！！！！！！！！！！！！_html/css_WEB-ITnosejavascript初级视频教程
  • CSS问题，求赐教！！！！！！！！！！！！！！！！！！！！！！_html/css_WEB-ITnosejquery 基础视频教程
    • 视频教程分类

    ：公益在线php培训，帮助PHP学习者快速成长！

    Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1CSS问题，求赐教！！！！！！！！！！！！！！！！！！！！！！_html/css_WEB-ITnose关于我们免责申明赞助与捐赠广告合作

    CSS问题，求赐教！！！！！！！！！！！！！！！！！！！！！！_html/css_WEB-ITnose   CSS问题，求赐教！！！！！！！！！！！！！！！！！！！！！！_html/css_WEB-ITnose
    相关标签： CSS问题，求赐教！！！！！！！！！！！！！！！！！！！！！！

    上一篇： php录入页面中动态从数据库中提取数据的实现_PHP教程

    下一篇： 【Android】RxJava之初始篇

    推荐阅读