MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2024-03-19, 10:17

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 3 篇文章 ] 
發表人 內容
文章發表於 : 2017-12-31, 16:19 
離線

註冊時間: 2017-12-31, 15:48
文章: 2
代碼:
<div style="writing-mode:vertical-rl">
   <div style="display:flex;border:0.125em solid #333333">box</div>
</div>

直書模式只要搭display:flex整個容器大小就會突破天際……

FF從50開始,一直到現在的57此問題仍未修正,我是不是該放棄使用flexbox :(

感覺這個問題因為反應的人不多,所以被永久擱置了 :cry:


回頂端
Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.108 Safari/537.36
 個人資料  
引用回覆  
文章發表於 : 2018-01-01, 17:01 
離線
頭像

註冊時間: 2005-02-24, 19:15
文章: 1037
來自: Taiwan
div 原本的設定是佔用整個橫向空間,猜測因此跟 writing-mode:vertical-rl 起了衝突。
Flex container 不要指定 writing-mode,額外加一層來指定 Flex item 的 writing-mode。
代碼:
<div style="display:flex; border:1px solid #333333;">
 <div style="writing-mode:vertical-rl;">
  <div style="border:1px solid #333333;">Text 1</div>
  <div style="border:1px solid #333333;">Text 2</div>
  <div style="border:1px solid #333333;">Text 3</div>
  <div style="border:1px solid #333333;">長一點的文字</div>
 </div>
</div>

_________________
Amauds's Firefox
曾經妳以為最可靠的依賴;其實從未曾真實的存在過。
圖檔圖檔


回頂端
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0
 個人資料  
引用回覆  
文章發表於 : 2018-01-01, 17:41 
離線

註冊時間: 2017-12-31, 15:48
文章: 2
感謝Amauds,我把每一層容器都定義長度和寬度,也許能解決問題


回頂端
Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.108 Safari/537.36
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 3 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 33 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群