草庐IT

vertical-alignment

全部标签

html - "text-align: center;"不应该应用于绝对定位的元素,不对其子元素执行任何操作吗?

我先让你看看代码,然后告诉你我的问题是什么:Tinkerbin:http://tinkerbin.com/x8iGCFsZdiv.container{height:200px;width:200px;background-color:red;margin-top:10px;}div.subContainer{position:relative;text-align:center;}div.inner{position:absolute;background-color:yellow;width:150px;}bananasforbreakfast所以,根据课本,text-align:c

html - div内垂直对齐,vertical-align : middle not working

垂直对齐:居中;不工作。Fromcssfile:#header{height:150px;text-align:center;vertical-align:middle;}如果有助于将Logo与包装器div的中心对齐,我会将Logo包装在另一个div中。 最佳答案 这样做#header{display:table;}#logo{display:table-cell;vertical-align:middle;}Reference 关于html-div内垂直对齐,vertical-alig

android - 发布应用时找不到 zip-align

cannot.find.zip.align=ThezipaligntoolwasnotfoundintheSDK.PleaseupdatetothelatestSDKandre-exportyourapplicationorrunzipalignmanually.AligningapplicationsallowsAndroidtouseapplicationresourcesmoreefficiently.这是我尝试发布应用时收到的消息。我正在使用最新版本的AndroidSDKTools(今天发布的23个)和SDKPlatform-tools(今天发布的20个)。我从中获得了一个AP

android - 发布应用时找不到 zip-align

cannot.find.zip.align=ThezipaligntoolwasnotfoundintheSDK.PleaseupdatetothelatestSDKandre-exportyourapplicationorrunzipalignmanually.AligningapplicationsallowsAndroidtouseapplicationresourcesmoreefficiently.这是我尝试发布应用时收到的消息。我正在使用最新版本的AndroidSDKTools(今天发布的23个)和SDKPlatform-tools(今天发布的20个)。我从中获得了一个AP

html - CSS中的vertical-align有什么用?

我是编码和CSS领域的新手,最近遇到了vertical-align属性。阅读了许多关于它是什么的文章后,我仍然对它的用途以及何时使用它一无所知?我的理解是,它用于内联元素,如文本、图像等,以及表格中的文本或其他内联元素。它们不能用于block元素,例如div、h1等。如果我的理解是正确的,除了垂直对齐文本以说出图像或使用下标或上标之外,它还有什么其他用途? 最佳答案 它确实使用了垂直对齐的内联元素。block级元素将忽略此属性。所以你的理解是对的。Thisblog通过一些示例提供有关垂直对齐的一些背景信息。它主要用于在一行文本中垂直

html - IE9 link hover css color change vertical shift 浏览器

IE9将鼠标悬停在链接上,将一些HTML推到页面下方。当我从中移除颜色时td.subarea>h2>a:hover{color:#aa051a;text-decoration:none;}问题没有发生。我无法将所有代码粘贴到此处,并且可以肯定这是该页面的一个独特问题。但也许外面有人见过类似的东西。它不会将链接(标签)移到页面下方,而是移动整个包含表。 最佳答案 当容器元素设置为overflow:auto并且子元素中发生了一些悬停Action时,IE9中似乎会出现此问题。有一个非常简单的解决方案,就是将min-height:0px添加

html - text-align:center 不适用于 div 元素

我已经搜索了大约45分钟,但在这里找不到解决我的问题的方法。我希望我的画廊类div(这些将动态创建)仅使用css规则将它们自身对齐在gallery_containerdiv的中心。我正在学习,所以任何解释都会有所帮助!提前致谢!#gallery_container{text-align:center;width:100%;overflow:auto;background:orange;}.gallery{text-align:left;border-style:solid;border-width:3px;border-top-left-radius:40px;border-botto

html - 如何获得 float :right button to vertically align in the middle

我只是无法让align-right类的按钮在中间垂直对齐。HTML:SaveCSS:.panel-footer{height:70px;vertical-align:middle;border:solid;}.header-footer-item{display:inline-block;line-height:70px;border:solidred;}.align-right{float:right;}.align-middle{vertical-align:middle;}这是jsfiddle:https://jsfiddle.net/d1vrqkn9/2/如果我从按钮中删除fl

css - 为什么 "text-align: right"不适用于 Firefox 中的空 contenteditable 元素?

请考虑以下内容:(LiveDemo)HTML:CSS:div{text-align:right;}当你点击div在Firefox中时,光标位于左侧(看起来像text-align:right;没有影响)。但是,如果您开始键入,text-align:right;就会开始生效。这是为什么呢?有什么解决办法吗? 最佳答案 这可以通过如下简单的更改来实现: 我们强制在其中留一个空格。好吧,如果空间很重要,我认为你有问题。但我希望这会有所帮助:) 关于css-为什么"text-align:

html - 显示 :inline-block and overflow:hidden leading to different vertical alignment

以下代码在不同浏览器中呈现不同(IE=FF=高于基线,Chrome=在基线上)。这是谁的错?我应该在哪里提交错误报告?你知道如何解决这个跨浏览器的问题吗?如果我更改垂直对齐方式,它会在某些浏览器中运行,但在其他浏览器中无法运行。.a{display:inline-block;overflow:hidden;color:red;}baseline__test__baselinehttp://jsfiddle.net/T2vQj/ 最佳答案 是的。你需要做这些:移除样式overflow:hidden;。这里不需要。仅当您提供width或