目标实现如下效果：
二、完成1、分析
这个效果看起来很简单，实际上可能并不那么容易实现。
首先是全部东西都居中显示，除了“亲爱的starof”这个称呼的地方。这也是难点，也是本文要重点说的地方。
开始我尝试将“ 亲爱的starof:” 和下面那段文字分别独立成两个段落，一个居左，一个居左。结果当然是不理想的，因为“亲爱的starof”部分其实并不是真正意义上的居左，而是以下面这段文字作为参考的一个居左。现在说说我的实现方法。首先全部文字都用
包裹，inline-block显示，然后绝对定位。具体过程如下，各位如有不同见解或实现方式欢迎指点讨论。
2、实现
第一步，代码基础框架如下
全部文字都放在一个
标签内。
demo of starof .top{margin:0 5%;text-align:center;}.top span{color:red;}
亲爱的starof: 恭喜您获得快速升级年费资格，您仅需开通 4个月 会员，即可自动升级为尊贵的年费会员，差额部分享受 8折优惠 哦!
查看更多关于css实现一个写信的格式_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did109504