css左右居中对齐
程序员文章站
2022-04-26 16:01:58
...
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.content{
height:100%;
width:100%;
display:-webkit-box;
}
.left,.right{
width:50%;
}
.left{
text-align:right;
}
</style>
</head>
<body>
<div class="content">
<div class="left">
名称
</div>
<div class="right">
输入框
</div>
</div>
<div class="content">
<div class="left">
名称
</div>
<div class="right">
输入框
</div>
</div>
</body>
</html>
上一篇: css-对齐方式进阶案例
下一篇: Mockito编写单元测试
推荐阅读
-
实现一个三列布局(左右侧固定,中间自适应宽度)_html/css_WEB-ITnose
-
css图片响应式+垂直水平居中2_html/css_WEB-ITnose
-
如何在td中控制字体右对齐 且加粗_html/css_WEB-ITnose
-
叕叕又升级啦!PDF文档管理控件Aspose.PDF 11月新更!支持居中对齐输出HTML
-
让input文本框文本垂直居中代码实例_html/css_WEB-ITnose
-
CSS之“绝对定位”的盒子使用margin:0px auto;不能实现水平居中的解决方案
-
css定位练习“十字架“之水平垂直居中_html/css_WEB-ITnose
-
HTML-移动端如何使用css让百分比布局的弹窗水平和垂直方向上居中_html/css_WEB-ITnose
-
css如何让浮动元素水平居中_javascript技巧
-
css水平居中那点事_html/css_WEB-ITnose