草庐IT

alignment

全部标签

html - 将字段标签的基线与文本输入中的文本基线对齐

我在字段集中的一些标签文本旁边显示文本输入。我希望文本输入中的文本基线与标签文本的基线对齐。我可以为我的.label元素设置一个软糖因子padding-top但我的.value元素的内容可能包含只读文本和这会搞砸这些字段的标签/值基线对齐。我还怀疑由于不同浏览器输入字段之间的高度差异,不同的浏览器需要不同的软糖因素。有人知道如何让我的标签和输入文本基线对齐吗?我的标签文本可能跨越多行,因此我希望任何解决方案都能考虑到这一点。您可以在http://jsbin.com/enobe3查看以下代码的实时示例.CSS*{font-family:sans-serif;font-size:13px;

html - 即使在调整窗口大小时,也始终使 3 列文本在同一高度或同一行对齐

即使在调整窗口大小时,我也想让3列始终在同一高度对齐。问题是第三列没有与前两列对齐。当我达到1190宽度时会发生这种情况。Location123MyStreet,citypostalcodeQCAroundthewebsocialmediahereAboutthissiteThiswebsiteisdesignedanddevelopedby[yournamehere].Copyright©[websitename]2015CSSfooter{text-align:center;color:#fff;}footerh3{text-transform:uppercase;mar

html - 即使在调整窗口大小时,也始终使 3 列文本在同一高度或同一行对齐

即使在调整窗口大小时,我也想让3列始终在同一高度对齐。问题是第三列没有与前两列对齐。当我达到1190宽度时会发生这种情况。Location123MyStreet,citypostalcodeQCAroundthewebsocialmediahereAboutthissiteThiswebsiteisdesignedanddevelopedby[yournamehere].Copyright©[websitename]2015CSSfooter{text-align:center;color:#fff;}footerh3{text-transform:uppercase;mar

html - 如何在表格下方居中对齐按钮?

我将表单元素放在表格中,以便列名和输入与2列对齐。我把提交按钮和取消按钮放在table下面。表格宽度不固定。我想让按钮与表格宽度居中对齐。一种简单的方法是将按钮放在表格中。但我想把它们从table上分开。最优雅的方法是什么? 最佳答案 结构如下: 关于html-如何在表格下方居中对齐按钮?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/1036798/

html - 如何在表格下方居中对齐按钮?

我将表单元素放在表格中,以便列名和输入与2列对齐。我把提交按钮和取消按钮放在table下面。表格宽度不固定。我想让按钮与表格宽度居中对齐。一种简单的方法是将按钮放在表格中。但我想把它们从table上分开。最优雅的方法是什么? 最佳答案 结构如下: 关于html-如何在表格下方居中对齐按钮?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/1036798/

html - 按钮未与输入对齐(由于输入填充)

下面的按钮没有与输入对齐。输入必须与按钮处于同一高度,尽管输入的填充似乎对对齐有影响!padding-top和padding-bottom之间的差异导致了这种偏移按钮。我做了一个fiddle:http://jsfiddle.net/3RMhm/10/表明我的意思。CSS:.button{font-size:15px;padding:9px23px;border:0;}.form{width:290px;background-color:#F9F9F9;font-size:18px;color:#333;height:25px;border:1pxsoliddarkgray;paddin

html - 按钮未与输入对齐(由于输入填充)

下面的按钮没有与输入对齐。输入必须与按钮处于同一高度,尽管输入的填充似乎对对齐有影响!padding-top和padding-bottom之间的差异导致了这种偏移按钮。我做了一个fiddle:http://jsfiddle.net/3RMhm/10/表明我的意思。CSS:.button{font-size:15px;padding:9px23px;border:0;}.form{width:290px;background-color:#F9F9F9;font-size:18px;color:#333;height:25px;border:1pxsoliddarkgray;paddin

css - 将 div 的内容对齐到底部

我有一个包含2个段落的div。我希望段落与div的右下角对齐。我能够使用text-align:right对齐段落,但我正在努力尝试让段落对齐到div的底部。标记非常简单:content1content2CSS:div{border:1pxredsolid;height:100px;}p{text-align:right;}我尝试在段落上使用position:absolute并设置bottom:0,但这会使段落由于绝对定位而相互重叠。div不会跨越整个页面,因此段落文本应限制在div内。有没有办法实现内容“从底部增长”的效果?我想要的效果是这样的(photoshop):还有上面的fidd

css - 将 div 的内容对齐到底部

我有一个包含2个段落的div。我希望段落与div的右下角对齐。我能够使用text-align:right对齐段落,但我正在努力尝试让段落对齐到div的底部。标记非常简单:content1content2CSS:div{border:1pxredsolid;height:100px;}p{text-align:right;}我尝试在段落上使用position:absolute并设置bottom:0,但这会使段落由于绝对定位而相互重叠。div不会跨越整个页面,因此段落文本应限制在div内。有没有办法实现内容“从底部增长”的效果?我想要的效果是这样的(photoshop):还有上面的fidd

html - HTML 中的中心表

如何使用html将table居中放置在div中?我已将我的内容放在div标记中,并将text-align属性设置为center,如下所示。text-align:center;这没有用。下面是我的html。texttest100200300400500600 最佳答案 给table设置宽度,水平设置marginauto。table{width:500px;margin:10pxauto;} 关于html-HTML中的中心表,我们在StackOverflow上找到一个类似的问题: