腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >设置表单选择元素的宽度和水平位置的css是什么？

问设置表单选择元素的宽度和水平位置的css是什么？
EN

Stack Overflow用户

提问于 2010-08-30 16:00:48

回答 1查看 3.1K关注 0票数 0

是否应该使用html属性来处理width？

我知道用于设置水平位置的左右边距，但在使用时，来自我的javascript的验证消息被搞乱了。

margenleft{
             margin-left:120px;
        }

在不同的分辨率上，我如何才能相对地做到这一点？我希望选择元素居中放置。

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-08-30 16:22:47

如果将select更改为display: block，则可以使用以下CSS居中并设置其宽度：

select {
   /* Set as display block and auto left/right margins to centre */ 
   display: block;
   margin: 0 auto;

   /* Set select's width */
   width: 200px;       
}

为了你的观赏乐趣，an example。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3602071

复制

【说站】css水平居中元素的宽度探究

css

1、固定宽度这种方式是绝对定位居中，除了使用margin，还可以使用transform。

很酷的站长

2022/11/24

9290

【说站】css3中设置元素宽度的方法

css3 max min

1、min-content、max-content和fit-content是css3的新属性，引用MDN对这三个属性的说明。

很酷的站长

2022/11/24

2.7K0

CSS元素位置的互换

flex header reverse row table

方法一使用Order属性设置弹性盒对象元素的顺序。示例：将3个元素按倒序显示 flex-direction: 值描述 row（默认值）主轴为水平方向，起点在左端。 row-reverse 主轴为水平方向，起点在右端。 column 主轴为垂直方向，起点在上沿。 column-reverse 主轴为垂直方向，起点在下沿。 .container { display: flex; flex-direction: column; } .container .fi

十玖八柒

2022/08/01

2.4K0

【CSS】CSS 背景设置 ② ( 背景位置 | 背景位置-方位值设置 )

css background center position 语法

background-position 属性值可以是 length 长度 , 也可以是 position 方位 ;

韩曙亮

2023/03/30

4K0

css初学位置随机调整，为屏幕宽度的50%

c++

机器学习和大数据挖掘

2019/07/02

1.5K0

CSS完成元素水平垂直居中

ios css

首先这个元素和它的父元素都要设置定位，其中这个要水平垂直居中的元素需设置绝对定位absolute，然后再给它设置样式{left: 0;right: 0;top: 0;bottom: 0;margin:auto;}。这样便可以实现元素在父容器里垂直居中显示了。

colezhou

2019/11/24

1.3K0

两张图详解解元素位置宽度的属性（offsetHeight/ClientHeight/ScrollHeight/getBoundingClientRect）

node.js

getBoundingClientRect （IE67的left、top会少2px,并且没有width、height属性）可以用来获取元素位置，比如我经常用来获取滚动之后元素距离顶端的距离为0来判断是否滚动到元素这个位置，然后把头部设置为fixed，比如div.getBoundingClientRect().top。当然上面的属性也可以做到比如：页面元素距离浏览器工作区顶端的距离 (div.getBoundingClientRect().top) = div.offsetTop – (document.documentElement.scrollTop || document.body.scrollTop)

javascript.shop

2019/09/04

1.9K0

两张图详解解元素位置宽度的属性（offsetHeight/ClientHeight/ScrollHeight/getBoundingClientRect）

【CSS】思考和再学习——关于CSS中浮动和定位对元素宽度/外边距/其他元素所占空间的影响

css

一.width:auto和width:100%的区别 1.width:100%的作用是占满它的参考元素的宽度。（一般情况下参考元素 == 父级元素，这里写成参考元素而不是父级元素，在下面我会再细说）

啦啦啦321

2018/01/03

2.2K0

CSS设置超出指定宽度自动换行

其他

　　最近项目中有用到在div中显示用户反馈的信息，是指定宽度的div,超出要自动换行，开始写好后感觉应该没什么问题，后来自己随便输入测试数据的时候发现：如果是纯字母或者是纯数字就会出现超出了也不会自动换行的问题，甚是无解，后经过努力，已经完美解决，下面来介绍解决方式。

阿豪聊干货

2018/08/09

4.4K0

【移动端网页布局】流式布局案例 ① ( 视口标签设置 | CSS 样式文件设置 | 布局宽度设置 | 设置最大宽度 | 设置最小宽度 )

css 布局苹果手机移动端

参考【移动端网页布局】移动端网页布局基础概念 ③ ( meta 视口标签简介 | 利用 meta 视口标签设置网页宽度 / 是否允许用户缩放 / 初始缩放比例 / 最小缩放比例 / 最大缩放比例 ) 博客 , 编写 meta 视口标签 , 视口标签内容如下 :

韩曙亮

2023/04/30

2.4K0

【移动端网页布局】流式布局案例 ① ( 视口标签设置 | CSS 样式文件设置 | 布局宽度设置 | 设置最大宽度 | 设置最小宽度 )

【CSS】CSS 背景设置 ③ ( 背景位置-长度值设置 | 背景位置-长度值方位值同时设置 )

css center

文章目录一、背景位置-长度值设置二、背景位置-长度值方位值同时设置三、完整代码示例一、背景位置-长度值设置 ---- 长度值设置效果展示 : 设置背景位置为具体值 10px 50px : 粉色区域是盒子的区域 , 图片背景位于盒子位置 x 轴方向 10 像素 , y 轴方向 50 像素 ; 在水平方向上 , 背景图片距离盒子左边界有 10 像素 , 在垂直距离上 , 背景图片距离盒子上边界有 50 像素 ; /* 设置背景位置 - x 轴方向 10 像素 , y 轴方向 50 像素 */ bac

韩曙亮

2023/03/30

2.8K0

【CSS】CSS 背景设置 ③ ( 背景位置-长度值设置 | 背景位置-长度值方位值同时设置 )

CSS: hover选择器控制子元素的出现和隐藏

css

前两天不知道是哪位同学问的问题，鼠标滑过一个div的时候，怎么控制子集元素属性的出现和隐藏，然后我说用用mouseover和mouseout这两个鼠标事件就行，那如果js不怎么熟悉的时候，可以用CSS: hover方法来写吧。

王小婷

2019/03/15

3.5K0

【说站】css后代选择器和子元素选择器的区别

css

后代选择器会选中指定标签中, 所有的特定后代标签, 也就是会选中儿子/孙子..., 只要是被放到指定标签中的特定标签都会被选中

很酷的站长

2022/11/24

2K0

动态设置元素的css样式简单介绍

jquery

本章节介绍一下如何使用jquery动态设置元素的css样式。下面就通过代码实例做一下简单介绍。一.使用css()方法: 使用css可以单独设置一个样式属性，代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>前端</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascri

IT工作者

2021/12/28

2.7K0

【HTML】HTML 注册表单案例 ① ( 表格设置 | 设置表格位置和大小 | 设置表格标题 | 表单设置 | 表格中设置单选按钮 )

html 表单表格浏览器数据

在 html 页面的 body 标签中 , 通过添加 table 标签 , 添加表格 ;

韩曙亮

2023/03/30

5.8K0

【HTML】HTML 注册表单案例 ① ( 表格设置 | 设置表格位置和大小 | 设置表格标题 | 表单设置 | 表格中设置单选按钮 )

CSS元素选择器是怎样运作的？

css c++html 渲染

在前端工程师的日常工作中，使用 CSS 元素选择器是稀松平常的事；无论你是编写一般的 CSS 还是需要经过编译的 SASS，SCSS，LESS等，最终都被编译成一行一行的 CSS 样式属性，最终交给浏览器解析并套用。但是你想过没有这是如何实现的呢？

疯狂的技术宅

2020/11/03

1.7K0

通过css类/选择器选取元素文档结构和遍历元素树的文档

html css javascript

尽管如此，js还定义了一个方法，即一个getElementsByClassName()，是基于class属性值中的标识符来选取成组的文档元素

mySoul

2018/08/06

2K0

元素的水平居中的方法

其他

上面介绍的方法都是浏览器兼容性比较好的。兼容IE8+，Chrome，Firefox等。

前端GoGoGo

2018/08/27

6930

JS魔法堂：关于元素位置和鼠标位置的属性

javascript

一、关于鼠标位置的属性　　　　　　　　　　　　　　　　　　　　　　　　 1. 触发鼠标事件的区域盒子模型中的border,padding,content区域会触发鼠标事件,点击margin区域将不触发鼠标事件。 2. 鼠标事件对象MouseEvent下的属性 [a]. evt.pageX/Y ：以页面左上角为参考点，表示当前触发点离页面左上角的水平和垂直距离。注意：1. IE5.5~8不支持该属性，polyfill方法pageX = clientX + s

^_^肥仔John

2018/01/18

5.9K0

CSS 为没有内容的元素设置样式 :not(:empty)

status

当我们想要根据元素内部是否有内容来显示特定的样式时我们可以使用 :not 与:empty 结合来实现这个效果代码如下 .handle_menu_content:not(:empty){ width: 90px; position: fixed; z-index: 999999; top: 0; z-index: 9999999; left: 38px; background: #fff; border-r

拿我格子衫来

2022/01/24

1.8K0

相似问题

在css中设置选择和输入元素的宽度

设置垂直和水平居中位置绝对元素时的最大宽度和高度

使用元素的宽度和位置的CSS calc()

121

基于嵌套元素宽度的CSS Flex动态水平宽度

元素宽度与其他元素的水平位置相匹配

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问设置表单选择元素的宽度和水平位置的css是什么？
EN