css test-align

最新推荐文章于 2022-04-24 14:17:41 发布

走在路上的码农

最新推荐文章于 2022-04-24 14:17:41 发布

阅读量1.2k

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/hxq_793034963/article/details/46574799

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一般实现登陆的时候都是
用户名：【本文框】

让这两个元素居中，就是向中间对齐，那么使用css的text-align让用户名向右对齐便可。看如下代码就可以简单的搞定这个样式。

<html>
<head>
<style type="text/css">
h1 {text-align: center}
h2 {text-align: left}
h3 {text-align: right}
</style>
</head>

<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<table border="1">
 <tr> 
<td style="width:100px;text-align:right"><span>2222222</span></td>
 <td style="width:200px"><input type="text"/></td>
</tr>
</table>
</body>

</html>