实现效果如下:
sigil中效果:
主要思路:
其实做法很简单,在css里面将块级元素或表格元素居中,要通过在这些元素上适应地设置左右外边距来实现。
如这个问题:把作者姓名和日期在右下角显示,而且姓名要在日期那一行对齐的中间对齐。解决方法是做一个表格,有两行,靠右设置边距。(但是好像仅仅设置margin-left:auto这样做,就能解决第二行文字居中的效果)
代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>aaaaaa</title>
<linkhref="../Styles/1.css" rel="stylesheet"type="text/css" />
</head>
<body>
<div>
<table>
<tr>
<th>张敏强</th>
</tr>
<tr>
<th>2010年  6月于华南师范大学</th>
</tr>
</table>
</div>
</body>
</html>
在1.css文件中设置
table{
margin-left: auto; /*左外边距自动,可能就是右对齐 */
border: 0 px solid blue;
}
对了,这里要注意的一点是,sigil上面,编写link的时候,最后这个/是必须要的,没有它会报错。
如:<link href="../Styles/1.css"rel="stylesheet" type="text/css" / >
日期:2014年6月10日