word-wrap 相关问题

我确实需要换行符，但即使使用wrap =“hard”，定义列，该值仍然是单行。文本区域换行符... 我确实需要换行符，但即使使用wrap =“hard”，定义列，该值仍然是单行。 <!DOCTYPE html> <html> <body> <h1>The textarea wrap attribute</h1> <textarea id="usrtxt" rows="2" cols="5" name="usrtxt" wrap="hard" style="overflow-wrap: break-word; width: 100px;"> At W3Schools you will find free Web-building tutorials. </textarea>  <div id="textareaContent"></div> <script> // Function to display textarea content function showTextareaContent() { var textarea = document.getElementById('usrtxt'); var displayArea = document.getElementById('textareaContent'); displayArea.innerText = textarea.value; } // Event listener for the textarea input document.getElementById('usrtxt').addEventListener('input', showTextareaContent); // Initialize the display area with the current content of the textarea showTextareaContent(); </script> </body> </html> wrap属性 - 关键部分是“用于表单提交”。确实，文本区域的值不包含添加的 \n。通过添加一个包裹textarea的form元素，你可以使用FormData来获取格式化的文本。 <!DOCTYPE html> <html> <body> <h1>The textarea wrap attribute</h1> <form> <textarea name="usrtxt" id="usrtxt" rows="2" cols="5" name="usrtxt" wrap="hard" style="overflow-wrap: break-word; width: 100px;"> At W3Schools you will find free Web-building tutorials. </textarea> </form>  <div id="textareaContent"></div> <script> // Function to display textarea content function showTextareaContent() { var textarea = document.getElementById('usrtxt'); let form = textarea.form; let fd = new FormData(form); let formatted = fd.get("usrtxt"); // this uses the "name" property of the textarea element var displayArea = document.getElementById('textareaContent'); displayArea.innerText = formatted; } // Event listener for the textarea input document.getElementById('usrtxt').addEventListener('input', showTextareaContent); // Initialize the display area with the current content of the textarea showTextareaContent(); </script> </body> </html>

javascript html textarea word-wrap

回答 1 投票 0

如何在 React Native 中设置文本换行样式

我有如下文字， xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx (xxxxxxxx) 我有这样的代码：我有如下文字， xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx（xxxxxxxx）我有这样的代码： <View style={{ width: '77%', justifyContent: 'flex-end', flexDirection: 'row', flexWrap: 'wrap', }}> <Text style={[ styles.address, { textAlign: 'right', flexWrap: 'wrap', }, ]} selectable={true}> {addressName[0]} </Text> {addressName[1] && ( <Text style={[ styles.address, { textAlign: 'right', flexWrap: 'nowrap', }, ]} selectable={true}> {'(' + addressName[1]} </Text> )} </View> 文字太长时的当前结果， xxxxxxxxxxxxxx xxxx (xxxxxxx) 但我想要这样 xxxxxxxxxxxxxx xxxx (xxxxxxx) 我不想要 xxxxxxxxxxx xxxx (xxxxx xx) 使用嵌套的 Text 组件，如下所示： const addressName = ['xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', 'xxxxxxxx'] return ( <View style={{ width: '70%', }}> <Text> {addressName[0]} {addressName[1] && <Text> {' (' + addressName[1] + ')'} </Text> } </Text> </View> )

react-native word-wrap react-native-stylesheet

回答 1 投票 0

Rails 4 view slim-lang 包装问题

我已经在我正在构建的 Rails 4 应用程序上使用 Slim lang 工作了一段时间，一直困扰我的一个问题是包装。正如您从附件中看到的...

ruby-on-rails view word-wrap slim-lang

回答 1 投票 0

word-wrap 相关问题

最新问题