我如何设置文本布局

Question

我有一个项目，到目前为止，我可以在这个项目中添加文本。我想在另一个（Pic1）下写一个，但是它并排（Pic2）写。我该怎么办？

也许图片无法打开，我想用一个例子来解释我想要的东西：

我想要这个：

lorem ipsum test text


lorem2 ipsum2 test2 text2

输出此（所有文本在同一行）：

lorem ipsum test tetx lorem2 ipsum test2 text2

这是我的输入文本框

    <div class="row">
        <div class="col-md-12">
            <div class="Comment input-group">
                <input type="text" class="form-control" id="new_comment_text" placeholder="Yorum" aria-describedby="basic-addon2"/>             
                <div class="input-group-append" >
                    <button class="comment btn btn-success btn-sm" type="button" onclick="doComment(this,'new_comment_clicked',-1,-1);"><span class="fas fa-paper-plane"></span> Ekle </button>
                </div>
            </div>
        </div>
    </div>

这是我的输出区域

@helper collapsePopUp(string id = "",int noteId=0 , string title = "Modal Title", bool showCloseButton = true)
{
    <div class="commentWrap noCommentBox" data-note-id=@noteId id="@id" name="@id" aria-labelledby="@(id+"_labelPopup")">
        <ul id="@(id+"_bodyPopup")">

        </ul>
    </div>
}

Answer 1

您需要将\n的<textarea>个字符转换为<br/>标记。

类似

output.innerHTML = str.replace(/\n/g,"<br />");

Answer 2

与问题有点混淆，但是如果使用HTML，则>

<br>
应该工作！或者，如果使用css，请考虑定位以获取更好的编码实践。抱歉，如果这样不能解决您的问题，请更新以获取更多信息，我们很乐意为您提供更多帮助]

您应该添加符号p在两个短语中创建一个新段落。

lorem ipsum test tetx lorem2 ipsum <p> test2 text2

或者您可以添加\ n符号以在短语内部添加较大的空白

lorem ipsum test tetx lorem2 ipsum <\n> test2 text2

Answer 3

您应该添加符号p在两个短语中创建一个新段落。

Answer 4

您可以通过遵循以下策略来实现所需的目标，随意定制并改进代码以达到您的期望。