如何设置动态读取数据库的日期？

Question

动态阅读日期来自codeigniter中的数据库，如下所示

<?php echo format_date($row['date'], 'd M')?>

，结果将显示为27 Jul

我想将其设计为喜欢此图片http://line25.com/wp-content/uploads/2012/date-icon/16.jpg

我如何才能像这张图片一样的风格请帮助..

Answer 1

我担心单靠CSS无法完成。主要问题是日期的组件不会在标记中显示为元素，因此除了有限的程度之外，您不能将它们彼此区分开来。通过设置强制它们到不同行的宽度，您可以使用:first-line。但是，通过规范和实践，假元素的造型的可能性相当有限。

因此，您需要修改生成代码以生成类似

的内容

<span class=date><span class=day>27</span><span class=month>Jul</span></span>

然后你可以，例如样式为内联块，内部span元素作为块，并为外部元素设置背景和内容颜色，字体属性和圆角边框。