今天看到一个公家车站台的公家站牌,对站名的排列方式很有兴趣,html和css没有提供文字竖直排列的简便方法,需要我们利用一些技巧才能完成 大概要的效果就是这样的,竖直排列,两端对齐首先先对竖直排列进行设计先上html代码: 1 <ul> 2 &l ...
今天看到一个公家车站台的公家站牌,对站名的排列方式很有兴趣,html和css没有提供文字竖直排列的简便方法,需要我们利用一些技巧才能完成
大概要的效果就是这样的,竖直排列,两端对齐
首先先对竖直排列进行设计
先上html代码:
1 <ul> 2 <li><b>站牌1</b></li> 3 <li><b>站牌2</b></li> 4 <li><b>长站牌3</b></li> 5 <li><b>很长的站牌4</b></li> 6 <li><b>超长的站牌5</b></li> 7 <li><b>站牌6</b></li> 8 <li><b>站牌一二7</b></li> 9 <li><b>站牌一8</b></li>10 <li><b>站牌9</b></li>11 <li><b>站牌一二10</b></li>12 <li><b>站牌1</b></li>13 <li><b>站牌2</b></li>14 <li><b>长站牌3</b></li>15 <li><b>很长的站牌4</b></li>16 <li><b>超长的站牌5</b></li>17 </ul>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:模拟公交站台竖直排列,两端对齐
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。