就是这个，
不知道楼上的几位仁兄 在做什么，
恐怕人家是个初学者，你们说了他也不定明白的
哈哈<ul>
<li><span class="" style="float:right"><a href="#">日期</a></span>aaaaa</li>
<li<span class="" style="float:right"><a href="#">日期</a></span>bbbbb</li>
<li<span class="" style="float:right"><a href="#">日期</a></span>cccccc</li>
注：日期可以不加链接，但是span标签得写规定日期的字体大小和颜色什么的，设置日期右浮动后就自动对齐了要让 html 文字右对齐，可以使用 css 样式来实现。可以在元素的 style 属性中添加 text-align:right，例如：
<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 文字右对齐。
text-align:center
或者left和right
想随意放哪里就<div style="left: 100px; position: absolute; top: 100px;">问字</div>
left 和 top 是设置距离页面左上角的距离。
首先我们打开自己的电脑，找到已经安装好的Dreamweaver，新建一个html页面，并保存到桌面上。
然后我们在html的编辑窗口，编辑元素，使其中显示若干文字，我是用的div标签进行布局显示的。
其在浏览器中的显示效果如下图所示，我们可以很清晰的看到，文字明显的靠上靠左对齐。
接下来我们就需要为文字元素添加一定的对齐方式，首先我们让其居中对齐，即使用text-align:center;
使用之后在浏览器中进行效果查看，可以很清楚的看到，文字相对于之前靠右对齐了。
我们可以从上一个图中看到，文字在垂直方向上还是不对齐的，接下来我们就需要为文字添加垂直对齐样式，line-height，我们需要将这一样式的大小设为文字外层元素的高度大小，这样便可正好垂直居中对齐了。
7
接下来我们刷新浏览器中的页面，查看效果，现在的文字已是垂直水平均居中的状态。
html让文字一部分靠左显示，另外一部分靠右显示的代码如下：
1使用float样式，让文字左右浮动即可，先输入向左浮动的文字，示例代码如下：
<div style="float:left;">明月几时有？把酒问青天。</div>
2然后输入向右浮动的文字，示例代码如下：
<div style="float:right;">不知天上宫阙，今夕是何年。</div>
3在浏览器中预览效果如下，文字一左一右分别显示；
4通过设置text-align:right/text-align:left，改变文字居右和居左，示例代码如下：
<div style="float:left; text-align:left">明月几时有？把酒问青天。<br>不知天上宫阙，今夕是何年。</div>
<div style="float:right; text-align:right">我欲乘风归去，又恐琼楼玉宇，高处不胜寒。<br>起舞弄清影，何似在人间。</div>
5预览效果如下，也实现了一左一右的显示，根据需要，选择以上两种方法中一种或组合使用。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）