标签: word-wrap

在input type ="text"元素HTML/CSS中包装文本

HTML如下所示,

<input type="text"/>
Run Code Online (Sandbox Code Playgroud)

在浏览器中显示如下:


当我添加以下文字时,

快速的棕色狐狸跳过懒狗.

使用下面的HTML,

<input type="text" value="The quick brown fox jumped over the lazy dog."/>
Run Code Online (Sandbox Code Playgroud)

它显示在浏览器中,如下所示:


但我希望它能像这样在浏览器中显示:


我希望我的input元素中的文本换行.这可以在没有textarea的情况下完成吗?

html input word-wrap

66
推荐指数
4
解决办法
13万
查看次数

是否可以在WebStorm中设置Wordwrap?我需要默认设置所有文件应该在wordwraping中

有没有办法为所有新/现有文件设置自动换行应该是自动换行.

我需要默认设置包含notepadd ++的自动换行中的所有文件.

提前致谢.

word-wrap webstorm

63
推荐指数
3
解决办法
3万
查看次数

在Vim中自动包装长Git提交消息

使用Git,我的提交编辑是Vim.我一直在做一个很难记住包裹线的工作,所以我得到了很长的路线(例如,参见这个答案).有没有办法使用一些git config.vimrc魔法,我可以让Vim自动包裹72列的行?

相关问题.

git vim commit-message word-wrap

60
推荐指数
4
解决办法
2万
查看次数

如何在离子项中包装长字符串

IONIC在离子项中有关于自动换行的两个问题:1.字符串会被末尾附加的点截断,如何显示没有点的完整内容?2.自动换行和响应在Firefox中不起作用(Chrome还可以),如何在Firefox中解决这个问题?

<div class="row responsive-sm">
<div class="col">
    <div class="item item-body">
        <ion-item class="wrap" style="word-wrap: break-word; word-break: break-all;">
        #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion 
        </ion-item>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

任何帮助将非常感激.最好的祝福.这是完整的HTML来显示问题 codepen

word-wrap ionic-framework

54
推荐指数
5
解决办法
6万
查看次数

自动换行:在IE8中无效的断字

任何人都可以告诉我为什么word-wrap: break-word不能在IE8中工作?

我有这个在其他浏览器工作,但IE8拒绝听,尽管在他们的网站上阅读这篇文章?

http://msdn.microsoft.com/en-us/library/ms531186(VS.85).aspx

谢谢

css word-wrap internet-explorer-8

53
推荐指数
3
解决办法
5万
查看次数

保持文本不被包裹在Bootstrap 3响应式设计中

我有一个控制栏,其中包含连续的div.其他项目已经在文本上方有FA图标,因此屏幕尺寸没有问题,但为了区分具有更高级别控制的两个按钮来切换查看器中的内容.它们的布局如下图所示:

<i class="fa fa-toggle-right lg"></i> <span style="font-size:18px;">Next
Run Code Online (Sandbox Code Playgroud)

当这个显示在像iPhone这样的小屏幕上时,图标会移动到文本上,我希望它能够留在它旁边.原因是另一个按钮然后与它下面的图标对齐,这是看起来很糟糕的UI.

Previous<i class="fa fa-toggle-left lg"></i>
Run Code Online (Sandbox Code Playgroud)

关于如何防止它们包装的任何选择?

css word-wrap twitter-bootstrap font-awesome twitter-bootstrap-3

53
推荐指数
1
解决办法
6万
查看次数

如何在Eclipse PDT中使用自动换行功能来​​处理PHP文件?

在Eclipse中编程PHP PDT主要是一种乐趣:代码完成,模板,方法跳转等.

然而,让我发疯的一件事是,我无法将PHP文件中的行添加到自动换行中,所以在长行中我无限期地向右输入.

我点击Windows | Preferences并输入"wrap"并获取:

- Java | Code Style | Formatter
- Java | Editor | Typing
- Web and XML | CSS Files | Source
Run Code Online (Sandbox Code Playgroud)

我已经尝试更改我在那里找到的"自动换行"和"线宽"到72,但它们没有效果.

如何在Eclipse PDT中使用自动换行功能来​​处理PHP文件?

php eclipse eclipse-pdt word-wrap

52
推荐指数
4
解决办法
3万
查看次数

用于在div中包装内容的纯javascript方法

我想#slidesContainer用JavaScript 包装div中的所有节点.我知道它很容易在jQuery中完成,但我有兴趣知道如何用纯JS做到这一点.

这是代码:

<div id="slidesContainer">
    <div class="slide">slide 1</div>
    <div class="slide">slide 2</div>
    <div class="slide">slide 3</div>
    <div class="slide">slide 4</div>
</div>
Run Code Online (Sandbox Code Playgroud)

我想用另一个div中的一组"幻灯片"包装div id="slideInner".

html javascript word-wrap

49
推荐指数
7
解决办法
7万
查看次数

如何使用包装文本而不是截断文本的单元格获取WPF Datagrid?

使用包装文本而不是截断文本的单元格来获取WPF DataGrid必须做些什么?

现在,当文本较大且不适合列时,文本将被截断,用户无法看到值,因为DataGrid的IsReadOnly属性为true.我想要的是单元格中的文本被包装,单元格高度(NO CELL WIDTH)增加了显示所有文本所需的数量.

wpf datagrid word-wrap

48
推荐指数
3
解决办法
5万
查看次数

溢出换行和断字之间的区别?

overflow-wrap/word-wrap和word-break之间的确切区别是什么?任何人都可以告诉我,打破很长链接的更好的方法是什么?大多数人说你应该使用word-break和overflow-wrap,但它看起来不合逻辑.我认为将overflow-wrap与自动换行相结合以获得更好的跨浏览器支持是最好的方法.你怎么看?

html css word-wrap word-break

48
推荐指数
4
解决办法
4万
查看次数