请教如何标题左对齐，时间右对齐？（内详）

This topic created in 4429 days ago, the information mentioned may be changed or developed.

<div class="clipRow"><a title="关于举行院党委中心组（扩大）第七次专题学习活动的通知" target="_blank" href="http://www.*.edu.cn/Article/notice/201403/20140326091127.html" class="">关于举行院党委中心组（扩大）第七次专题学习活动的通知</a> (<font color="red">2014-03-26</font>)<br></div>

这是一条抓取的新闻，展现出来的是这样

无法更改系统抓取生成的HTML代码，可以添加、修改CSS、Js，
如何做到标题左对齐，时间右对齐，谢谢！

Supplement 1 Mar 28, 2014

感谢@P233 的帮助，谢谢！现在还想把（2014-03-26）显示为03-26，不知道如何实现，希望指点，谢谢！

对齐

抓取

标题

4 replies 1970-01-01 08:00:00 +08:00

P233

Mar 28, 2014

.clipRow {
text-align: right;
}
.clipRow:after {
content: '';
display: table;
clear: both;
}

.clipRow > a {
float: left;
}

P233

Mar 28, 2014

把（2014-03-26）替换成 03-26 ，想了想 CSS 的方法，可以这样

.clipRow > font {
display: inline-block;
overflow: hidden;
width: 38px;
height: 30px;
text-indent: -43px;
vertical-align: top;
}

去掉括号可以 .clipRow {color: transparent;}

缺点是固定的 px 宽度切割，不能保证 100% 准确，可能 fixed width 字体会好些

还是 js 办法靠谱，菜鸟就不献丑了 :)

P233

Mar 28, 2014

高度 30px 是测试的时候写的，忽略吧，抱歉

guchengf

Mar 28, 2014

获取日期的值
比如 a = '2014-03-26';
然后 b = a.substr(5,5);
如果所有日期都是这个格式的话。