我想包装一些添加到<td>元素的文本.我试过了style="word-wrap: break-word;" width="15%".但它并没有包装文本.是否必须给它100%的宽度？我有其他控件要显示,所以只有15%的宽度可用.
我有兴趣找到一种在Vim(而不是GVim)的第80列显示垂直线的方法.
我已经习惯了set wrap,但我只想展示一条垂直线,这样我就可以自己包裹长线了.
假设我想在HTML表格单元格中显示此文本:
Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks
并且我希望该行在其中一个逗号之后优先打破.
有没有办法告诉HTML渲染器尝试在某个指定位置打破,并在尝试在其中一个空格之后断开之前先执行此操作,而不使用不间断空格？如果我使用不间断的空格,那么它会无条件地增大宽度.我希望换行符发生在其中一个空格之后,如果换行算法首先使用逗号尝试它并且无法使行适合.
我尝试在<span>元素中包装文本片段,但似乎没有做任何有用的事情.
<html>
<head>
<style type="text/css">
div.box { width: 180px; }
table, table td {
border: 1px solid;
border-collapse: collapse;
}
</style>
</head>
<body>
<div class="box">
<table>
<tr>
<td>lorem ipsum</td>
<td>lorem ipsum</td>
<td>lorem ipsum</td>
</tr>
<tr>
<td>lorem ipsum</td>
<td>
<span>Honey Nut Cheerios,</span>
<span>Wheat Chex,</span> …我有一个宽度为250px的div.当innertext比我希望它分解时更宽.div是float:left,现在有溢出.我希望滚动条通过使用自动换行来消失.我怎样才能实现这一目标？
<div id="Treeview">
<div id="HandboekBox">
<div id="HandboekTitel">
<asp:Label ID="lblManual" runat="server"></asp:Label>
</div>
<div id="HandboekClose">
<asp:ImageButton ID="btnCloseManual" runat="server"
ImageUrl="Graphics/close.png" onclick="btnCloseManual_Click"
BorderWidth="0" ToolTip="Sluit handboek" />
</div>
</div>
<asp:TreeView ID="tvManual" runat="server" RootNodeStyle-CssClass="RootNode">
<Nodes>
</Nodes>
</asp:TreeView>
</div>
CSS:
#Treeview
{
padding-right: 5px;
width: 250px;
height: 100%;
float: left;
border-right: solid 1px black;
overflow-x: scroll;
}
我想<text>在SVG中显示一个自动换行到容器<rect>的内容,就像HTML文本填充<div>元素一样.有办法吗？我不想使用<tspan>s 来定位线条.
我有一个显示消息的WPF列表框.它包含左侧的头像和垂直堆叠在头像右侧的用户名和消息.布局很好,直到消息文本应自动换行,但我在列表框上得到一个水平滚动条.
我用谷歌搜索并找到了类似问题的解决方案,但都没有奏效.
<ListBox HorizontalContentAlignment="Stretch" ItemsSource="{Binding Path=FriendsTimeline}">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<Border BorderBrush="DarkBlue" BorderThickness="3" CornerRadius="2" Margin="3" >
<Image Height="32" Width="32" Source="{Binding Path=User.ProfileImageUrl}"/>
</Border>
<StackPanel Orientation="Vertical">
<TextBlock Text="{Binding Path=User.UserName}"/>
<TextBlock Text="{Binding Path=Text}" TextWrapping="WrapWithOverflow"/> <!-- This is the textblock I'm having issues with. -->
</StackPanel>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
我正在编写文本编辑器.在查看其他文本编辑器后,我注意到其中一些是指"软"与"硬"包装.有什么不同？我似乎无法通过搜索找到答案.
我只是看这篇文章描述了如何在vim中包装整个单词.接受的解决方案是:
:set formatoptions=l
:set lbr
采用此文本(标签显示为\ t):
*Inside of window *Outside of window
|---------------------------------------|
|\t\tthis is a like of text that will wr|ap here
|\t\tcan you see the wrap |
| |
|---------------------------------------|
这样就完成了这样的行为(标签显示为\ t):
*Inside of window *Outside of window
|---------------------------------------|
|\t\tthis is a like of text that will |
|wrap here |
|\t\tcan you see the wrap |
| |
|---------------------------------------|
但是我想重新定义这个功能.我希望被包裹的行在它前面有相同数量的标签,上面的行加一.即:
*Inside of window *Outside of window
|---------------------------------------|
|\t\tthis is a like of text that …我希望有一行div(单元格),如果浏览器太窄而不适合它们,则不会换行.
我搜索过Stack,找不到我认为应该是一个简单的CSS问题的工作答案.
单元格具有指定的宽度.但是我不想指定行的宽度,宽度应该自动为其子单元格的宽度.
如果视口太窄而无法容纳行,则div应该溢出滚动条.
请提供您的答案作为工作代码片段,因为我已经尝试了很多我在其他地方看到的解决方案(比如指定宽度:100%并且它们似乎不起作用).
我正在寻找一个HTML/CSS唯一的解决方案,没有JavaScript.
.row {
float: left;
border: 1px solid yellow;
width: 100%;
overflow: auto;
}
.cell {
float: left;
border: 1px solid red;
width: 200px;
height: 100px;
}<div class="row">
<div class="cell">a</div>
<div class="cell">b</div>
<div class="cell">c</div>
</div>目前,我实际上将行的宽度编码为一个非常大的数字.
试图查看Pycharm设置/首选项也没有帮助.
所以,如果你知道要切换soft wrapaka.在Pycharm编辑代码时自动换行,请分享.
PS
我正在使用PyCharm Community Edition 2016.2