1
A
回答
1
您可以使用CSS中的顯示屬性來解決此問題。我在調查分區中創建了一個表格,裏面的標籤是一個表格單元格,默認情況下所有文本都保持在同一垂直線上。
但是,在這個例子中,每個答案都在它自己的分隔符中,因爲我無法強制輸入獲取顯示屬性並單獨使用它。這應該做的伎倆,我相信有一個簡單的解決方法,或不。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>List items in survey</title>
<style>
div.survey-answer {
display: table;
}
label {
display: table-cell;
padding-left: 10px;
}
</style>
</head>
<body>
<div class="survey-answer">
<input type="checkbox" id="survey-answer-1" /><label for="survey-answer-1"><b>ANSWER 1</b> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sagittis lacinia nulla, eu consequat tellus posuere at. Integer sagittis mauris quis massa tempor bibendum. Proin quam leo, tristique eu nibh non, consequat auctor risus. Pellentesque dignissim at metus a pharetra. Phasellus sit amet metus non arcu sodales hendrerit. Etiam dictum id magna pulvinar laoreet. Mauris sodales sapien non arcu molestie molestie. Proin blandit varius nisi, vel suscipit est tempor quis. Morbi posuere metus sit amet sem ultrices, eget rutrum diam aliquet. Donec vel sem eu turpis convallis aliquam vitae eget justo. Vestibulum vel ornare lacus. Nulla massa massa, tincidunt ac tristique ut, euismod a urna. Nam tincidunt orci at sapien consectetur, non gravida orci bibendum.</label>
</div>
<br />
<div class="survey-answer">
<input type="checkbox" id="survey-answer-2" /><label for="survey-answer-2"><b>ANSWER 2</b> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sagittis lacinia nulla, eu consequat tellus posuere at. Integer sagittis mauris quis massa tempor bibendum. Proin quam leo, tristique eu nibh non, consequat auctor risus. Pellentesque dignissim at metus a pharetra. Phasellus sit amet metus non arcu sodales hendrerit. Etiam dictum id magna pulvinar laoreet. Mauris sodales sapien non arcu molestie molestie. Proin blandit varius nisi, vel suscipit est tempor quis. Morbi posuere metus sit amet sem ultrices, eget rutrum diam aliquet. Donec vel sem eu turpis convallis aliquam vitae eget justo. Vestibulum vel ornare lacus. Nulla massa massa, tincidunt ac tristique ut, euismod a urna. Nam tincidunt orci at sapien consectetur, non gravida orci bibendum.</label>
</div>
</body>
</html>
希望這有助於你出去!
相關問題
- 1. div和文本框在文本更改時未在同一位置對齊
- 2. 對齊文本中間位置:絕對
- 3. 將EditText和TextVIew中的文本的起始位置對齊
- 4. 獲取特定位置開始日期動態加載文本
- 5. 文本對齊左改變開始文本信件
- 6. 不同對齊具有絕對位置
- 7. 對齊位置
- 8. 佔位符文本對齊
- 9. 從同一位置開始的不同長度的x軸刻度標記
- 10. 位置:相對開始工作,比第一(asp.net)不同
- 11. 將文本對齊到同一行
- 12. Android:在自動完成文本視圖中以單行顯示長文本,光標位於開始位置
- 13. 如何將xml視圖彼此對齊並從同一點開始對齊
- 14. 對齊文本同樣
- 15. SVG文本 - 一個文本左對齊,並在同一行中其他文本必須右對齊
- 16. 在CSS文本對齊樣式後獲取文本的相對位置
- 17. 將Jframe對齊到不同的位置
- 18. 如何對齊兩個元素在同一垂直位置
- 19. 寫入文本文件並在特定位置開始
- 20. ASP複選框長文本未對齊
- 21. 文本對齊,如果太長
- 22. RTL對齊不適用於長文本
- 23. 如何更改文本 - 在UIAlertAction中的左側對齊位置
- 24. iText:在PDF頁面上重新對齊文本位置
- 25. 文本長度相同,但顯示後不對齊
- 26. 表格內部的絕對位置文本未正確對齊
- 27. 轉到開始位置不同
- 28. CSS對齊第二個文本到第一個文本,這可能是長期或短期
- 29. 文本對齊不對齊
- 30. 從文本長度大於文本框寬度的位置開始顯示文本
否HTML/CSS?我們無法診斷我們看不到的東西。 –