草庐IT

包装类

全部标签

html - Angular Material Flexbox - 如何在包装行之间添加边距?

我正在使用AngularMaterial及其flexbox功能。我现在遇到了一个在我看来应该很简单的问题,但我遇到了问题。我创建了this用于演示我的问题的Codepen。所以我有一行元素超过该行的100%并且启用了换行,所以我得到两行没有边距的元素,如下所示:我正在使用这个CSS:.row{background-color:grey;padding:10px;}.item1{height:200px;background-color:blue;}.item2{background-color:red;}.item3{backgronud-color:black;height:100p

html - flexbox 根据容器中的元素数量包装

我正在尝试通过遵守此规则在每行中创建一个包含不同元素的flexbox:如果有四个元素:按行显示两个元素如果有五个元素:第一行显示3个元素,第二行显示2个元素如果有六项:按行显示三项我的问题是当我有四个元素时flexbox将最后一个元素包装在第二行中。这是我的代码.blocWrapper{border:1pxsolidred;display:flex;justify-content:center;align-items:center;}.blocWrapper.blocContainer{display:flex;justify-content:center;align-items:ce

jquery - 在行内 block 包装行下方添加一个 div

我有一个内联block元素列表,这些元素可以换行形成多行。我想在行之间显示一个div元素,具体取决于特定元素所在的位置。例如,前几行是编号的:如果我想定位第三个元素并显示一个全长元素(100%的div包含block),那么它看起来像这样:全长div的位置对于block1-5中的任何一个都是相同的。或者,如果另一个block被定位,比如7或8,它看起来像:注意行是如何“向下移动”的。我了解如何使用block级元素执行此操作,但不是在包装的行内block元素行之间。每个编号block所在的行会随着浏览器窗口宽度的变化而变化,并且全长div会“知道”要放置在哪一行下面。有人会如何将div放置

asp.net - 在没有可见空间的情况下包装 GridView 文本

我有一个包含多个字段的GridView,其中一个字段可能具有非常广泛的值(value),如下所示:aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa如果字段中有那种之类的东西,我希望它包装起来。我可以很容易地每50个字符左右在代码中插入一个字符……但是什么字符呢?如果我使用\r\n或space等,那么有时设置不会换行(因为不同行的50个字符更宽),我得到像这样:嗯嗯嗯嗯嗯嗯嗯llllllllllllllllllllllll我不想让那些空间出现;

javascript - 使用 jQuery 在 keyUp 上包装 <span> 中的单个字符

我想将每个字符包装在中并且期望输出是abc.我试过跟随但没有帮助。JSFIDDLE$(function(){$("#text1").keyup(function(event){$(this).wrapInner("")});});输出如下;这不是我需要的。有帮助吗?ffdf 最佳答案 这是我的解决方案。输入的div下面有标签code,用来控制div的内容是什么:txt=$("#text1").html();$("#out").text(txt);$(function(){$("#text1").keyup(function(even

javascript - Jquery dispatchEvent 包装器方法

在jquery中是否有dispatchEvent的包装器方法或一些库?我一直在stackoverflow上寻找这个,但我找到的最接近的方法是jquery的trigger(),它似乎只触发jquery事件监听器。当然我可以自己使用dispatchEvent,但我想使用jquery使我的代码更易于阅读。我正在编写一个greasemonkey脚本,我想在其中向某个匿名事件监听器触发一个事件。页面本身不是用jquery编写的。这里有一个jsfiddle链接来解释我想要完成的事情:https://jsfiddle.net/Zx3CA/js:functionlog(s){document.getE

html - 为什么有人想要将表单元素包装在 <div> 标签内?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭7年前。Improvethisquestion例如。这是简单的形式(我经常使用):但是我读了一些书,看到我的一些friend经常这样做:区别在于:他们经常将所有的组件包裹在一个div标签中,然后为其分配一个类名(尽管div标签内部只有一个组件)。我不知道他们这样做有什么好处。谢谢:)

jquery - 将每个元素包装在单独的 ul 列表中

我有多个元素包裹到一个div中,我想包裹所有标记为列表。html看起来像这样:12345我想拥有12345我试过用jquery但我做不到$('#MyId').each(function(){var$this=$(this),html=$this.html(),skel=''+html+'';$this.closest('div').html('');$('#MyId').append(skel);});这里有一些fiddle如有任何帮助,我们将不胜感激。 最佳答案 使用wrapAll()和wrap()方法$('#MyIda').wr

jquery - 如何在 jQuery 中用另一个元素包装现有元素?

如何创建围绕现有的.我的代码如下:GreetingsTestHelloTestGoodbyeGreetingsTestHelloTestGoodbye$("#test").before('');$("#test2").after('');但是好像不能插入没有结束标签。那么如何实现呢? 最佳答案 使用.wrapAll()doc方法$('#test,#test2').wrapAll(''); 关于jquery-如何在jQuery中用另一个元素包装现有元素?,我们在StackOverflow上

css - 包含 float div 时的包装器问题

我想创建一个以浏览器为中心、带边框的包装器,它可以围绕各种div自动扩展高度。当使用float来保持div在线时,包装器在第一个div之后停止。请客气,这可能是也可能不是正确的方法,但这就是我来这里的原因。这是一个简单的例子。testheadertestnavboxtestcolumn1testcolumn2 最佳答案 在一个句子中包含float和wrap的问题的答案通常是overflow:auto:)如果您希望包装器自动扩展高度,应该这样做。 关于css-包含floatdiv时的包装器