我无法将p
,input
和textarea
元素全部置于我正在处理的用户设置区域中的li
元素中。现在,只有input
和textarea
元素在li
元素中正确居中,而p
元素位于顶部。我试过申请
vertical-align: middle
到li
元素,但失败了。
我的example code link is here at JS Bin
为了帮助指导您查看我的示例,每个元素的背景颜色如下:
p
= red li
=青色input
& textarea
= white 如何将p
,input
和textarea
元素全部置于li
元素中?
答案 0 :(得分:1)
我了解到Twitter和Facebook等网站使用以下HTML元素创建设置页面:
所以我决定遵循这个标准做法和this is what I came up with。 CSS样式不存在,但您可以看到table
元素及其子元素提供的基本实体结构。请注意table tbody tr th label
名称如何自动定位在其包含的表格单元格的中心。如果我需要将它们定位到顶部,底部或基线而不是我需要做的就是将vertical-align
添加到label
的父元素th
。
如果我想将label
元素水平放置在表格单元格中,那么我需要做的就是使用text-align
元素上的th
选择器并预先设置。