大家可能在写css样式时,有时会遇到许多莫名其妙的问题。
最近在写一个页面时,遇到一个问题,准确来说是忽略了一个问题。如下:
代码:
1 2 3 4 5 6 7 | <style type="text/css"> div{width: 200px; height: 300px; border: 1px solid red;} </style> <body> <div> 宜兴遭遇17年来最大水灾 一14岁女孩家门口被水冲走至今下落不明】网友爆料:7月2日中午,宜兴新街派出所接到报警,在新街铜山板栗园,一名14岁的小女孩站在家门口(涧滩)旁边被水冲走,当时雨非常大,小女孩往前跨了一步,奶奶未能及时拉住。随后记者从宜兴市消防证实了此事。 </div> |
效果:
相信大家也看出来了,右边总是对不齐,后来找个半天,终于找到解决办法,只要给div加上这俩个属性即可text-align:justify; text-justify:inter-ideograph;,这俩个属性的大概意思是:
text-align:justify;实现两端对齐文本效果。 text-justify:inter-ideograph;用表意文本来排齐内容。
好了,大家去尝试尝试吧。