неграфический инструмент слияния с 3 путями

Надеюсь, этот код поможет вам:

.sayHello {
	width: 100%;
	height: 600px;
	background-color: #99ccff;
}

.sayHello .title-wrap {
	margin: 0px 27% 0px 27%;
}

.sayHello p {
	padding-top: 40px;
	color: snow;
	font-family: 'Montserrat', sans-serif;
	font-size: 50px;
}

.sayHello h3 {
	color: snow;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	width: 65%;
	text-align: left;
	float: left;
}
.contact-wrap {
  display: inline-block;
  width: 100%;;
}

.sayHello table {
	float: left;
	border-spacing: 20px;
	color: snow;
	position: relative;
	bottom: 20px;
	overflow: hidden;
   width: calc(100% - 250px);
}

.sayHelloTable img {
	width: 30px;
	height: 30px;
	border: 2px solid black;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
	padding: 3px;
	background-color: snow;
}

.sayHelloTable td {
	color: snow;
}

.contactForm {
	  border-radius: 5px;
  	background-color: #f2f2f2;
  	padding: 20px;
  	float: right;
  	width: 200px;
  	height: 300px;
}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}
<section class="sayHello">
		<div class="title-wrap">
		
			<p>Say <b>Hello</b></p>
			<br>
			<h3>Don't be shy, drop us an e-mail and say hello! We are a really nice 
				bunch of people. :)</h3>

		</div>
    <div class="contact-wrap">
    
      <table class="sayHelloTable">
        <tr>
          <td><img src="phone.png"></td>
          <td>(416)555-0000</td>
          <td><img src="e-mail-logo.png"></td>
          <td>hello@adeveloping.com</td>
        </tr>

        <tr>
          <td><img src="twitter.png"></td>
          <td>@NAKATA</td>
          <td><img src="facebook.png"></td>
          <td>@NAKATA</td>
        </tr>

        <tr>
          <td><img src="80-google-plus-512.png"></td>
          <td>naskuuu123@gmail.com</td>
          <td><img src="pinterest-logo-E994F3A9FB-seeklogo.com.png"></td>
          <td>/NAKATA</td>
        </tr>
      </table>

      <div class="contactForm">
          <form action="/action_page.php">
            <label for="fname">First Name</label>
            <input type="text" id="fname" name="firstname" placeholder="Your name..">

            <label for="lname">Last Name</label>
            <input type="text" id="lname" name="lastname" placeholder="Your last name..">

            <label for="subject">Subject</label>
             <textarea id="subject" name="subject" placeholder="Write something.." style="height:200px">            </textarea>

            <input type="submit" value="Submit">
          </form>
      </div>
    </div>
	</section>

5
задан Martin Geisler 26 February 2012 в 09:43
поделиться

2 ответа

Похож на diff3, имеет некоторые интересные опции.

На человечности:

       -m  --merge
              Output merged file instead of ed script (default -A).

Вы попросили неграфический, но vimdiff и gvimdiff могут сделать 3 смежных окна.

7
ответ дан 14 December 2019 в 04:49
поделиться

KDiff3 является графическим, но у него есть опция «--auto», которая при вызове из командной строки выполнит слияние и покажет графический интерфейс только в случае возникновения конфликта. Я знаю, что это означает, что вам все еще нужен графический интерфейс, но kdiff3 все еще может быть полезен из командной строки. Я использую это все время (в Windows - не уверен насчет других версий).

(Я хотел добавить этот комментарий к другому сообщению KDiff3, но не мог понять, как это сделать - извините.)

1
ответ дан 14 December 2019 в 04:49
поделиться
Другие вопросы по тегам:

Похожие вопросы: