草庐IT

POSITION

全部标签

html - 如何对齐多个表单元素?

我对设计一窍不通,我正试图让一个简单的HTML表单看起来像这样:.基本上,它是一个具有三个输入字段和一个提交按钮的表单。关于输入字段,有两个在上面和一个在下面。我希望它们彼此完全居中对齐,并且第二个拉伸(stretch)到与上面的宽度相同。关于提交按钮,我希望它与输入字段在水平和垂直方向上完全居中对齐,但要在输入字段的右侧。我不太担心它不能完全跨浏览器。感谢任何指点!编辑:我更愿意使用CSS而不是基于表格。(我听说基于表格的简直就是邪恶。) 最佳答案 像这样的纯CSS怎么样?顺便说一句...您知道有关输入字段和搜索按钮的具体尺寸吗?

css - 如何将 2 个相对 div 相互定位/顶部 css 属性在浏览器中有所不同,使用 css 以便它们在所有浏览器中显示相同?

我有以下div元素:我需要:'whiteout'元素直接出现在'banner1'和'banner2'的顶部并让它在所有浏览器中显示相同(目前Firefox和IE似乎很难正确显示它,即使'top'css属性以像素为单位)-或者,有人可以告诉我如何显示2个相对的div吗?目前我的css如下:div#banner1{width:100%;height:140px;background-image:url("images/banner/1.png");background-position:centercenter;background-size:100%100%;background-rep

css - 如何将 2 个相对 div 相互定位/顶部 css 属性在浏览器中有所不同,使用 css 以便它们在所有浏览器中显示相同?

我有以下div元素:我需要:'whiteout'元素直接出现在'banner1'和'banner2'的顶部并让它在所有浏览器中显示相同(目前Firefox和IE似乎很难正确显示它,即使'top'css属性以像素为单位)-或者,有人可以告诉我如何显示2个相对的div吗?目前我的css如下:div#banner1{width:100%;height:140px;background-image:url("images/banner/1.png");background-position:centercenter;background-size:100%100%;background-rep

javascript - 如何找到输入字段中最后一个字母的绝对或相对位置?

也许这是一个奇怪的问题。请检查下面你会明白。空输入类型文本,width=200px:[____________________________]填充输入类型文本,width=200px:[abcdefg_____________________]如果inputleft为0如何求g字母所在的绝对或相对位置???当用户输入一些文本时,我想在最后一个字母下面显示一个简单的div... 最佳答案 文本大小修改没问题,但您也可以使用visibility:hiddenspan来移动您的信息div。HTML片段如下:Character通过这种方式

javascript - 如何找到输入字段中最后一个字母的绝对或相对位置?

也许这是一个奇怪的问题。请检查下面你会明白。空输入类型文本,width=200px:[____________________________]填充输入类型文本,width=200px:[abcdefg_____________________]如果inputleft为0如何求g字母所在的绝对或相对位置???当用户输入一些文本时,我想在最后一个字母下面显示一个简单的div... 最佳答案 文本大小修改没问题,但您也可以使用visibility:hiddenspan来移动您的信息div。HTML片段如下:Character通过这种方式

html - 将相同大小的 div 叠加在父级之上

当我的拖放事件开始时,我需要覆盖一个子div以覆盖它的父div,但我无法使用z-index使子div位于父div之上。这是我的HTML:ThisshouldbeovertheparentSometextloremipsumloremipsum这是我的CSShtml,body{height:100%;width:100%;}.some-element{background-color:blue;width:100%;}.parent-div{background-color:red;height:100%;position:relative;width:100%;z-index:1;}.

html - 将相同大小的 div 叠加在父级之上

当我的拖放事件开始时,我需要覆盖一个子div以覆盖它的父div,但我无法使用z-index使子div位于父div之上。这是我的HTML:ThisshouldbeovertheparentSometextloremipsumloremipsum这是我的CSShtml,body{height:100%;width:100%;}.some-element{background-color:blue;width:100%;}.parent-div{background-color:red;height:100%;position:relative;width:100%;z-index:1;}.

html - SWF对象和定位

请问如何具体定位使用SWFObject嵌入的flash元素?使用绝对定位和顶部和底部设置移动它的容器DIV似乎不起作用。谢谢。 最佳答案 @Francisc:试试——Youralternatecontentiftheuserdoesn'thaveFlashinstalled请注意,这可能不是最优雅的解决方案,因为它添加了额外的,但之前遇到过同样的问题,基本上我就是这样解决的。它可能会给您一些可以借鉴的东西,或者这里的其他一些参与者可能会有更好的解决方案。 关于html-SWF对象和定位,

html - SWF对象和定位

请问如何具体定位使用SWFObject嵌入的flash元素?使用绝对定位和顶部和底部设置移动它的容器DIV似乎不起作用。谢谢。 最佳答案 @Francisc:试试——Youralternatecontentiftheuserdoesn'thaveFlashinstalled请注意,这可能不是最优雅的解决方案,因为它添加了额外的,但之前遇到过同样的问题,基本上我就是这样解决的。它可能会给您一些可以借鉴的东西,或者这里的其他一些参与者可能会有更好的解决方案。 关于html-SWF对象和定位,

HTML/CSS - 将图像放在 img 之上?

我有两个png。一张是实际图片,另一张是几乎透明的图片,右上角有标价图标。我知道我可以在photoshop中组合这些并创建一个图像。但我需要为一堆不同的基础图像动态生成这些图像。有没有办法对“实际图像”进行编码,然后使用代码覆盖“透明贴纸图像”? 最佳答案 当然,最简单的方法是将两个图像绝对定位在它们的容器中:容器上的position:relative是child工作的绝对定位所必需的。当然,如果容器本身已经绝对定位,那也没关系。position:absolute如果两个图像都位于左上角,则基础图像上不需要,但如果需要,您可以调整其