iT邦幫忙

0

【網頁前端】ios單行文字左右對齊無效

我有在網頁中設置了css讓單行文字可以左右對齊
用windows系統看過沒有問題
安卓也好好的左右對齊了
但偏偏在ios系統看的時候是靠左對齊的 囧
請問各位高手是否有人知道解救的辦法?

網頁寫法如下:
css------------
div{
width: 130px;
text-align: justify;
text-align-last: justify;
text-justify: distribute;
}

html----------
< div>產品名稱< /div >
< div>產品條碼編號< /div >
< div>內容< /div >

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0

試試吧

@media not all and (min-resolution:.001dpcm) { @media {
    .main { 
         text-align: right!important; 
    }
}}
0
ccutmis
iT邦高手 2 級 ‧ 2018-06-08 10:45:25

try it~

<html>
<head>
<style>
div{
	width: 130px;
	text-align: justify;
	text-align-last: justify;
}
div:after{
	content: '';
	width: 100%;
	display: inline-block;
}
</style>	
</head>
<body>
<div>產品名稱</div>
<div>產品條碼編號</div>
<div>內容</div>			
</body>
</html>

Reference:
https://blog.csdn.net/ISaiSai/article/details/51744952

ccutmis iT邦高手 2 級 ‧ 2018-06-08 10:49:24 檢舉

Safiri doesn't support text-align:justify for a long time. Maybe Apple thinks it's not important._.

我要發表回答

立即登入回答