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

左右對齊 text-align 文字 css ios

終葉 2018-06-08 02:31:09 ‧ 3107 瀏覽

分享至

我有在網頁中設置了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 }} |

直播中

2 個回答

跟著鄉民看熱鬧

iT邦高手 1 級 ‧ 2018-06-08 09:42:51

試試吧

@media not all and (min-resolution:.001dpcm) { @media {
    .main { 
         text-align: right!important; 
    }
}}

回應
分享
檢舉

登入發表回應

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

回應 1
分享
檢舉

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._.

登入發表回應

我要發表回答

立即登入回答