<p style="text-align:right">这是一段文字</p>
也可以将样式放在单独的 css 样式表中,然后通过 class 或 id 等选择器来应用样式。例如,可以在 css 样式表中添加如下代码:
.right-align {
text-align: right
}
然后,可以在 html 中使用该 class 来应用样式:
<p class="right-align">这是一段文字</p>
总之,可以通过设置 css 样式的 text-align 属性来实现 html 文字右对齐。
设置3个导航nav,最右边的nav设置class=right,然后设置nav的css边距,宽,高,背景颜色(便于我们看见),再设置一个float为右就会靠右排列,注意:float时第一个会到右边,所以设置第一个为最右边的导航栏代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
nav{
margin: 5px
width: 100pxheight: 200px
background-color: red
float: right
}
</style>
</head>
<body>
<nav class="right">右</nav>
<nav>中</nav>
<nav>左</nav>
</body>
</html>
html中设置按钮的位置:
解决方案一:
如果是绝对定位,可以设置left,还可通过margin,padding等;
" style="box-sizing: border-boxmargin: 0pxpadding: 0pxfont-family: Menlo, Monaco, Consolas, "Courier New", monospacecolor: rgb(51, 51, 51)font-size: 18.6773pxfont-style: normalfont-variant-ligatures: normalfont-variant-caps: normalfont-weight: normalletter-spacing: normalorphans: 2text-align: starttext-indent: 0pxtext-transform: nonewidows: 2word-spacing: 0px-webkit-text-stroke-width: 0pxbackground-color: rgb(255, 255, 255)"><td style="padding-right:30px"><input type="submit" value="注册"><input type="reset" value="重置"></td></tr>
解决方案二:
如果是绝对定位,可以设置left,还可通过margin,padding等。
参考资料
阿里云.阿里云[引用时间2018-1-9]