回答
的包裝需要有通過CSS應用文本對齊:
text-align:justify;
text-justify:inter-word;
一般來說,與「排版」應用程序進行打印相比,瀏覽器將完全對齊的文本做得很糟糕。一般來說,瀏覽器的全面理由使得文本HARDER可以閱讀,通常應該避免。
沒有工作,沒有區別 –
可以U添加您的代碼或屏幕截圖。它看起來像 –
我從來沒有聽說過'text-justify':似乎它是一箇舊的僅限於IE的屬性,它已進入[CSS Text Module Level 3](https://www.w3.org/TR/css-text-3/#text-justify)(只支持該瀏覽器?)。如果它是某種先進的字間距,似乎與OP問題無關,儘管 – FelipeAls
將文本放在span元素中,並使用display: inline-block;
。這樣,文本從同一行開始。
如果您知道要添加到第一行左側的符號(文本或圖像)的寬度,則不需要額外的元素。
訣竅是添加一個負值的文本縮進,通過積極的左邊界進行反向平衡。假設你通過增加一個40像素寬的互聯網小貓:僞+圖像和文本之間的填充8像素:該元素則需要以下第一CSS規則:
/* Image is 40px-wide and we want it at 8px from text */
.txt-indent {
margin-left: 48px;
text-indent: -48px;
}
.txt-indent:before {
content: url(https://placekitten.com/40/40);
padding-right: 8px;
}
body {
width: 200px;
line-height: 1.5;
}
<p class="txt-indent">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, natus soluta! Itaque, corporis veritatis quisquam ut debitis sed incidunt enim sit ratione sint repellat aliquid sunt rerum commodi asperiores ipsa!</p>
感謝文本縮進,直到現在我都不知道。 –
端向上提高的生產線,高度讓它起作用。
- 1. CSS文本對齊
- 2. CSS文本對齊對齊大空格
- 3. CSS文本對齊方式和格式問題
- 4. php中的文本對齊方式
- 5. css菜單文本對齊
- 6. CSS:垂直對齊文本?
- 7. CSS - 垂直對齊文本
- 8. CSS文本對齊問題
- 9. 文本對齊HTML和CSS
- 10. 文本對齊方式設計,使用HTML和CSS省略號
- 11. 取決於文本長度的CSS動態文本對齊方式
- 12. css對齊文本的絕對td
- 13. 文本對齊方式在C#/。NET
- 14. IE中的CSS對齊方式
- 15. css中的垂直對齊方式
- 16. 設置自動完成文本視圖文本對齊方式爲右對齊
- 17. HTML/CSS:表中的文本對齊
- 18. 使用css對齊中心的文本
- 19. 如何對齊圖像的文本css
- 20. CSS對齊方式不起作用
- 21. CSS方式水平對齊表
- 22. 如何對齊表格外的文本與CSS左對齊
- 23. CSS對齊方式(邊距不能與右上角對齊)
- 24. CSS文本對齊不工作
- 25. CSS對齊標籤+字段+文本
- 26. CSS文本對齊不能使用LI
- 27. Css時間軸文本對齊
- 28. 圖像對齊文本-CSS/HTML
- 29. 對齊IMG和文本跨度與CSS
- 30. CSS和打擊文本對齊
Plz不要在這裏使用圖片,而是嘗試按Ctrl + M並添加您的代碼。 – ARJUN
您的代碼正在文本節點上使用':: before' sudo元素。 @ user6849557的答案應該是訣竅。 – Sanuj